jQueryを使用したlightbox系プラグインCeeBox

Tweet
2010年1月28日 11:28
Web | ライブラリ
ceebox, jquery, lightbox, swfobject, セレクタ

lightbox系で弱いのが、swfobjectを使っていなかったり、FLASHそのものの表示ができなかったり・・・

必要条件は、２つ。

jQueryを使っている
swfobjecを使っている

世界は広いから、絶対、すでに作っている人がいるはずで、それに乗っかろうと思って、いろいろ悩んでいたら、CeeBoxというのがあるよと、教えてもらった。（ありがと～）

欲しい機能が全部入ってる！
ということで、組み込んでみた。画像は、CeeBoxを使ったものを確認したけど、まだ、FlashとかYOUTUBEとか未確認のまま。

とりあえず、使い方をメモ

まず、次のように、htmlの<head>内に組み込みます。

<script type="text/javascript" src="http://www.3oclock.com/hello-world/js/user_jquery.js"></script>

<link rel="stylesheet" href="/js/catcubed-CeeBox-25cd33e/css/ceebox.css" type="text/css" media="screen">

<script type="text/javascript" src="/js/catcubed-CeeBox-25cd33e/js/jquery.swfobject.js"></script>

<script type="text/javascript" src="/js/catcubed-CeeBox-25cd33e/js/jquery.ceebox.js"></script>

<script src="/js/ceebox/global.js" type="text/javascript" charset="utf-8"></script>

また、最後のglobal.jsの内容は、次の通り。
私の場合は、前のlightBox系プラグインがrel="lightbox"だったので、こうしました。
この該当セレクタのバリエーションは、セレクタの記述方法（a[rel='lightbox']　という部分）を変更すること。
参考：セレクタ - CSS2リファレンス