jQueryでLightBox

| | コメント(0) | トラックバック(0)

写真をモーダルエフェクトで、スライドショー表示する これはprototype.js用の、Lightbox.jsを使っていた。これと、全く同じ動きをしてくれるjQuery のプラグインがありました。 jQuery lightBox plugin 利用方法は簡単。ライブラリをサーバーにアップして、内で読み込む。そして、lightbox 表示するHTMLオブジェクト(タグを囲んでいるタグ)を、jQueryセレクタで選択する。 $('a[@rel*=lightbox]').lightBox(); と記述すると、prototype.js 用のlightbox.js で指定する方法と同じになるので、今までのブログ記事を修正しなくても、そのままjQueryプラグインでスライドショー表示できます。これは便利。

この記事のQuotetreeをみる

ブログで使っているprototype.js を jQuery へ移行(スライドショー, ハイライトなど):Goodpic

この記事が引用された数 - with GroveLog

これまでThickBoxを使っていたけれど、こっちの方が、エフェクトがかっこいいなぁ。

いま、某バイクメーカーの新商品関連のフォトギャラリーサイトを作成していて、やはり、ThickBoxを使って構築したのだけれど、いまから変更したい気持ちが。。とはいえ、なにしろアップ直前だからなぁ。

このブログでも近々Flickrの写真を見せたいと思っているので、その際はこっちを使ってみます。

jQuery lightBox plugin