Lightbox JS
Lightboxとは？
画像をレイヤー表示のようにｶｯﾁｮよく開いてくれるスクリプト。チュートリアルとかに使うといいｶﾝｼﾞ。色々とバージョンがあってスライドショーにできるものやrel属性無しでもOKなものなど色々と出回ってます。
Lightbox JS
恐らくｺﾚが一番最初に世に出たもの？一番シンプルで使いやすいです。
lightbox JS サンプル
使い方
使い方はいたって簡単。javascriptファイルとcssファイルを読み込んで 表示画像へのリンクを作成。aタグに rel="lightbox"を追加するだけ。
/* head 内でjavascriptファイルとCSSファイルの読み込み */ <script type="text/javascript" src="lightbox.js"></script> <link href="lightbox.css" rel="stylesheet" type="text/css" /> /* aタグにrel="lightbox"属性の追加 */ <a href="lightbox_01.jpg" rel="lightbox"><img src="lightbox_01.jpg" width="150" height="199" /></a>
Lightbox JS関連サイト
- [ダウンロードサイト] huddletogether.com
- [解説サイト] SmallStyle
Lightbox JS v2.0
複数の画像をスライドショー形式で開くことができます。
参照サイト
- [ダウンロードサイト] huddletogether.com
- [解説サイト] PamGau
人気の記事
1-5
6-10
- 83.5375 秒: (560ビュー)
- WEBプログラム覚書::jQueryによる表示、非表示切り替え
- 68.1410788382 秒: (241ビュー)
- WEBプログラム覚書::[PHP]MySQLを利用した画像の保存と出力
- 54.6871794872 秒: (195ビュー)
- 情報備忘録::eclipse + PDT 2.0 + XAMPP で作るWordpress開発環境
- 54.5497630332 秒: (211ビュー)
- WEBプログラム覚書::表示内容の切り替え(JavaScript)
- 38.7924528302 秒: (159ビュー)
- WEBプログラム覚書::javascript フォーム関連オブジェクトの取得
- 29.0344827586 秒: (174ビュー)
- WEBプログラム覚書::javascript 子要素取得のメモ
- 26.4578313253 秒: (249ビュー)
- WEBプログラム覚書::MySQLエラー「Column 'カラム名' in field list is ambiguous」
- 25.8502994012 秒: (167ビュー)
- 情報備忘録::Photoshop チュートリアル 基本的な光の作り方
- 25.421686747 秒: (249ビュー)
- WEBプログラム覚書::PHP 参照渡し(リファレンス)と値渡し
- 20.0462184874 秒: (476ビュー)
- 情報備忘録::Dreamweaverで文字コードを変換する手順