cinema-days 映画な日々

FC2で Lightpop 

2011/10/22
Lightpop Popbox Colorbox
これまで、大き目の画像は記事内でサイズ指定後、
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」
 
cinema-daysを「人気ブログランキング」で応援cinema-daysを「にほんブログ村」で応援
【パソコン】[jQuery]
関連記事
【スポンサーリンク】
同カテゴリ  【パソコン】[jQuery]

コメント歓迎!! 0

まだ、コメントはございません。

comment form

コメントは承認制です。コメントツールバーは利用できません。
【お名前・URL・コメント本文】欄の入力は必須になっております。

更  新  順
Hiro
Author: Hiro
発信地:愛知県
TB・CM(承認制)・LINK歓迎
cinemadays on X(旧Twitter)
cinemadays on Facebook