jQueryでLightBox
| 個別ページ | コメント(0) | トラックバック(0)
写真をモーダルエフェクトで、スライドショー表示する これはprototype.js用の、Lightbox.jsを使っていた。これと、全く同じ動きをしてくれるjQuery のプラグインがありました。 jQuery lightBox plugin 利用方法は簡単。ライブラリをサーバーにアップして、内で読み込む。そして、lightbox 表示するHTMLオブジェクト(タグを囲んでいるタグ)を、jQueryセレクタで選択する。 $('a[@rel*=lightbox]').lightBox(); と記述すると、prototype.js 用のlightbox.js で指定する方法と同じになるので、今までのブログ記事を修正しなくても、そのままjQueryプラグインでスライドショー表示できます。これは便利。
ブログで使っているprototype.js を jQuery へ移行(スライドショー, ハイライトなど):Goodpic
- with GroveLog
これまでThickBoxを使っていたけれど、こっちの方が、エフェクトがかっこいいなぁ。
いま、某バイクメーカーの新商品関連のフォトギャラリーサイトを作成していて、やはり、ThickBoxを使って構築したのだけれど、いまから変更したい気持ちが。。とはいえ、なにしろアップ直前だからなぁ。
このブログでも近々Flickrの写真を見せたいと思っているので、その際はこっちを使ってみます。







コメント(0)