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

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

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

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

導入方法

1. jQueryとjDTLightBoxを読み込む


3. 実行する

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

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

オプション

期待を裏切れます。

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

注意

え?余計見にくい?見にくいなら閉じろ!

何か役に立つことがあったらシェアしてみてください

このエントリーをはてなブックマークに追加

Comments: 1 - Leave a comment

  1. seela

    通りすがりのものです。
    こういうの好きです。
    lightbox開いたら写真が裏返しになっちゃってもよさそうですね(笑)
    おい、見れね〜!みたいな。

Leave a comment

Trackbacks: 1

Trackback URL for this entry
Listed below are links to weblogs that reference
これからの新標準LightBox jDTLightBox.js from 5509
  1. pingback from QUOIT Blog » Blog Archive » 【作ってみた】Lightboxを作ってみた

    [...] その中の一つ、「これからの新標準LightBox jDTLightBox.js」というLightboxのプラグインがあります。 [...]

Author

nori
nori
- UI Engineer
Location
- ,