簡易スライドショー：Litebox
昨日に引き続き使える効果を実現する「Litebox」というJavascriptライブラリの紹介。
HTML上に並べた画像をクリックすると、ブラウザ内がマスクされたようになり、その上に画像が表示されたようになります。
画像の右にマウスを持っていってクリックすると次の画像へ、左は前の画像へ。
「Touring Photo」にこれを使用したものを作ってみましたので試してみて下さい。
バラギ湖キャンプツーリング by Litebox
超シンプルバージョン
↑試しに作ってみたらなかなかいい！ソースを見て下さい。すごくシンプルです。
◇ Liteboxについて ◇
LiteboxはLightbox JS v2.0をベースにファイルサイズが小さくなるようモディファイされています。機能は多分同じだと思うので、ファイルサイズの小さいLiteboxの方がいいでしょう。
Liteboxの使い方はCSSとJSの外部リンクを追加とHTMLタグの追加だけ。簡単に作れるので興味のある人は使ってみては？
ちなみに私はLiteboxとは何の関係もありません(^_^;
関連記事
Posted by toku
トラックバック
このエントリーのトラックバックURL:
URL
