JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Suckerfish HoverLightbox Redux」
2007年02月21日-
スポンサード リンク
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表示してくれます。
この見せ方だと、画像がテキストを読んだりするのに邪魔にならず、小さいスペースでスマートに写真を見せることが出来ますね。
テキスト中心のブログだけど、ギャラリーもちょこっと表示したい、なんて方には便利に使えるかもしれません。
関連エントリ
スポンサード リンク
By.KJ : 2007年02月21日 12:08 
間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)Advertisements
オススメサイト
SITE PROFILE
最新のブログ記事(新着順)
- WEB上で動くプレゼンテーション作成「Presentr」
- モダンで美しいデザインのカラーピッカー「Pickr」
- 背景を物理エンジンベースでアニメーションさせる「Physics-Based Background Scroll Effects」
- リアルなタイプライターアニメーション実装「T-Writer Demo」
- テキストを部分的にアニメーションしながら交換できる「jQuery Text Rotator」
- デザインがいい感じのインタラクティブに動くグラフ描画ライブラリ「ApexCharts.js」
- 要素に属性をつけて簡単なインタラクティブアニメーションをつける「Micron.js」
- 綺麗なデザインのモーダルを何段も重ねて出せる「popbox.js」
- レスポンシブに変形する家のアニメーションのデモ「CSS Responsive House」
- 何日から何日迄の入力に便利な「date-ranges-selector」
- 過去のエントリ
