前の記事 «:2008年1月28日 管理人のブックマーク
次の記事 »:iPodのCM風の人影風イメージを作るPhotoShopチュートリアル

Prototype.js、YUI等コアライブラリを選択できかつ、多機能LightBox「Shadowbox.js」

2008年01月29日

スポンサード リンク
Shadowbox.initShadowbox.js Media Viewer
Shadowbox is a cross-browser, cross-platform, cleanly-coded and fully-documented media viewer application written entirely in JavaScript.

Prototype.js、YUI等コアライブラリを選択できかつ、多機能LightBox「Shadowbox.js」。
YUI, Ext, Prototype.js, jQuery, Mootools, Dojo などをコアライブラリとして使用できます。

LightBox は prototype.js べースだったのでこれはなかなか嬉しいかもしれません。

また、画像だけではなく、SWFムービーや mov ファイル、mpeg や avi, wmv , GoogleVideoや外部サイトなど色々とポップアップできます。

実装は、必要なライブラリを読み込んだ後、Shadowbox.init() を呼び出すだけでOKみたいです。

YUI の場合は、次のように、onDOMReadyイベントでページの読み込みが終わった後に呼び出します。

YAHOO.util.Event.onDOMReady(Shadowbox.init);



これは、LightBoxの代替として利用したくなるほど多機能で便利ですね。

関連エントリ

スポンサード リンク

投稿者 KJ : 2008年01月29日 07:09 | ブックマークに追加する Subscribe with livedoor Reader
間違いの指摘をしていただける方はメールでお願いします


本を執筆しました。