プラグイン不要!たった数行でdiv要素にjQueryLightBoxを実装する 久々にjQueryネタ。LightBoxってjQueryプラグインの定番中の定番の気もしますが、プラグインに頼らず超簡単に、Javascript(jQuery)部分はたった数行で書けてしまいますよ! DEMO jQuery あらかじめhead内にjQueryの読み込みだけはして下さいね。 $(document).ready(function(){ //show-panelボタンをクリックしたらLightBoxを表示する $("a#show-panel").click(function(){ $("#BlackWindow, #lightbox-panel").fadeIn(300);/*表示速度は数値を調整*/ }) //CloseボタンをクリックしたらLightBoxを閉じる $("a#close-panel
![プラグイン不要!たった数行でdiv要素にjQueryLightBoxを実装する](https://cdn-ak-scissors.b.st-hatena.com/image/square/7d3ab275282ec33858dca0577901c7dcf05e8dc7/height=288;version=1;width=512/http%3A%2F%2Fwww.kaasan.info%2Fwp-content%2Fuploads%2F2013%2F03%2Ftitle3.jpg)