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

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

2008年01月29日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
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の代替として利用したくなるほど多機能で便利ですね。

関連エントリ

関連の記事検索:lightbox, ライブラリ, Ajax, prototype.js
スポンサード リンク

By.KJ : 2008年01月29日 07:09 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)