つくるぶガイドブログ: Lightboxのデザインをカスタマイズしてみよう（前編）
こんにちは、HTML+CSS担当の小森です。 スライドショーやサムネイル画像の拡大でよく見かける「Lightbox」のライブラリ。 気軽に取り入れられるライブラリでもあって、すっかり定着した感がありますね。 今回はこのLightboxのデザインをカスタマイズしてみたいと思います。 Lightbox系のライブラリは本当にたくさんありますが、 ここでは、定番の元祖Lightboxを使用してみます。 Lightbox 2（デモあり） http://www.huddletogether.com/projects/lightbox2/ レイアウト構造 HTMLソースをのぞいてみると、クリックをしたときに 画面全体を覆う半透明レイヤー（id="overlay"） 拡大画像配置レイヤー（id="lightbox"） がJavaScriptによって描画されるしくみになっています。 また、拡大画像配
第41回：Lightbox JS v2.0でサムネイル画像をオーバーレイ表示させる：：自宅サーバー構築ブログ
第40回では、写メールでエントリーを投稿する Mail2MTEntry の設置について説明しました。今回は、久しぶりの更新になりましたが Lightbox JS v2.0 というJavaScriptを利用して、サムネイル画像を同一画面上にオーバーレイ表示させる方法について説明していきます。 Lightbox JSは、とても有名なJavaScriptなので敢えてここで説明するほどのことではないのですが、一応、備忘録の意味もこめて解説します。 まず、最終的にどのようにしたいかは以下の画像をクリックしていただければすぐにわかるかと思います。 ここで行う作業は以下の3つ。 （１） Lightbox JS v2.0 を設置する （２） クリックでオーバーレイ画像（拡大した画像）が閉じるようにする （３） 複数枚の画像を、「Next」「Prev」ボタンで前後に移動できるようにする ■（１） Light
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
LightBoxの使い方とカスタマイズ方法 | CSS Lecture
