これからの新標準LightBox jDTLightBox.js

LightBoxって知ってますよね？にゅっと画像とかが出る例のアレです。2年くらい前に流行りましたね。今では標準になってるのか分からないですが色々なサイトで普通に使われますが、でも嫌いっていう人もいたりしますね。なんで嫌いなんでしょう。

ユーモアが足りないからじゃないですかね。

というわけでユーモアたっぷりかどうかはアレですが、これからのWebサイトをひっぱっていくであろう新標準LightBoxをつくりました。1から作りました。

Live demo
Download demo files

導入方法

1. jQueryとjDTLightBoxを読み込む

<script type="text/javascript" src="js/lib/jquery.js"></script>
<script type="text/javascript" src="js/lib/jdtlightbox.js"></script>

3. 実行する

$()で対象にする要素を指定します。（アンカーに適用します。）

jQuery(function($) {
  $('#lightbox a').jdtLightBox();
});

オプション

期待を裏切れます。

オプション項目	内容
defaultSize	最初のサイズ { width: x, height: y }
animateTo	最後のサイズ 画像サイズに対するパーセント(20など)
closeImgSrc	閉じるボタンのソース
bgLayerOpacity	背景レイヤーの透明度

Live demo
Download demo files

注意

え？余計見にくい？見にくいなら閉じろ！