前の記事 ≪:CSSを使った透明角丸ブロック表現「Even More Rounded Corners」
次の記事 ≫:Ajaxなページで「戻るボタン」を機能させる方法

JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Suckerfish HoverLightbox Redux」

2007年02月21日-はてなブックマーク

スポンサード リンク
[PR] 日々膨大に出現するJS/CSSライブラリ等を意識にとどめておく方法

Suckerfish HoverLightbox Redux - Monday By Noon

When the original Suckerfish HoverLightbox was published, I was honestly surprised at the amount of attention it received.

JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Suckerfish HoverLightbox Redux」。
次のような写真の見せ方のサンプルファイル(html+JavaScript+CSS)がダウンロードできます。



↓ マウスオーバーで画像レイヤが表示され、クリックするとLightbox表示してくれます。



この見せ方だと、画像がテキストを読んだりするのに邪魔にならず、小さいスペースでスマートに写真を見せることが出来ますね。
テキスト中心のブログだけど、ギャラリーもちょこっと表示したい、なんて方には便利に使えるかもしれません。

関連エントリ

関連の記事検索:JavaScript, lightbox, photo, CSS, 画像, Webデザイン
スポンサード リンク

By.KJ : 2007年02月21日 12:08 livedoor Readerで購読 Twitterに投稿

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