FC2で Lightpop　

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

■ 「Popbox」と「Lightpop」の比較

○ こちらは Popbox 表示	○ こちらは Lightpop 表示

Lightpop がダウンしたので､Lightbox に変更しました｡（H29.4.24）

■ 「Colorbox」で動画をオーバーレイ表示

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

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

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

colorbox 導入（H29.4.25）
参考サイト：Colorboxの色んな利用方法
[JS]画像や動画、iframeも Lightbox 風に立ち上げる jQueryプラグイン「Colorbox」

【パソコン】［jQuery］

関連記事

• FC2で Lightpop　 2011/10/22
• Amazonと楽天のアフィリエイトを併記する方法 2012/11/16
• 「ページトップへ戻る」リンク 2010/04/11
• jQuery にはまる｡ 2009/06/25
• 画像を自動ドアのようにスライドさせる 2011/05/20
• クロスフェードで画像を切り替えスライドショー 2011/05/03
• jQueryを使ったタブメニュー　 2010/09/07
• 画像の拡大縮小 2010/10/13
• jQuery で ニューススティッカー 2009/07/11

コメント歓迎!! 0