FC2で Lightpop 

これまで、大き目の画像は記事内でサイズ指定後、
Popbox を使用して原寸に拡大してきましたが、今回、
動画もオーバーレイ表示させる事が出来る「Lightpop」を使ってみました。

■ 「Popbox」と「Lightpop」の比較
○ こちらは Popbox 表示○ こちらは Lightpop 表示
Popbox版
Lightpop がダウンしたので、Lightbox に変更しました。(H29.4.24)
■ 「Colorbox」で動画をオーバーレイ表示
「俺たちの勲章 あゝ青春」

[注意点]
(1)jquery.min.jsの1.6.1(1.8.3)を使用したらエラーが発生。1.4.1に差し替えた。
   ※ youtube の再生でスクリプトエラー
   ※ 色んなバージョンの jquery.min.js のリンク:Google Hosted Libraries
(2)pop表示される画像の位置を調整したい。⇒ Image サイズを指定し対応

参考サイト:オムニオ・ラボ jquery-lightpop
      dogmap.jp jQuery.lightpop.js

lightpop の2点の不具合
・ テキスト以外の画像や動画にリンクした場合、拡大時にタイトル(キャプション)が表示されない
複数のグループ表示が出来ない([ ]が使えない)
 参考サイト:同一ページ上にグループ分けしたふたつのGalleryがある場合、別々のGalleryとして動作
 How to render image caption to lightbox caption using jquery?

colorbox 導入(H29.4.25)
参考サイト:Colorboxの色んな利用方法
[JS]画像や動画、iframeも Lightbox 風に立ち上げる jQueryプラグイン「Colorbox」
関連記事
  関連商品のご紹介
【スポンサーリンク】

最終更新日時: 2017年04月29日(土)08:42:46
ブログパーツ

Comment 0

There are no comments yet.

Leave a comment