グラフィックデザイナーのためのCSSレイアウトメモ : Ajaxライブラリ使用サンプル集「Lightboxでスムーズ画像表示」
Lightboxでスムーズ画像表示 左の画像 をクリックすると、同ウィンドウでスムーズに拡大表示する。 「Lightbox」は、Lokesh Dhakar氏が作成したAjaxを利用して画像を表示するjsライブラリ。 サムネイル画像（またはテキストでも）をクリックして画像を拡大表示するエフェクトが自動的にできる。 単独の拡大表示でなく、複数の画像をグループにしてナビゲーションボタンで順次表示することもできる。 ボタンは画像だけでなく、テキストでも可。 夏みかんの花 愛宕山の鯉 カエルの小物入れ imageファイルやcssに少し手を加えて、サイトに合わせて色などを変える事もできる。 →色をガラッと変えてみたサンプルはこちら。 「Lightbox」のファイルを一式ダウンロードする Lightboxは、Sam Stephenson氏の「Prototype」 と Thomas Fuchs氏のチームに
Lightbox
Getting started Download a zip of the latest release (or any previous one) from the Github Releases page. Or install using npm: npm install lightbox2 --save Open up the zip file and take a peek at the barebones, working example that is included in the /examples folder. Ready to set Lightbox up on your page? Start by including the Lightbox CSS and Javascript. You can grab both these files from the
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
LightBoxの使い方とカスタマイズ方法 | CSS Lecture