jQuery版のLightboxを使う

10:05 PM on 2012年1月18日 , ,

Lightbox2 http://lokeshdhakar.com/projects/lightbox2/ 内部的にprototype.jsを使っている。 prototype.jsとjQueryはコンフリクトを起こすため サイトでjQueryを使っていた場合、エラーになってしまう。 そのため、jQuery版のLightbox「jQuery lightBox plugin」を使って回避する。 http://leandrovieira.com/projects/jquery/lightbox/ ※prototype.jsのjQueryを共存させる方法もある。

jQueryのコードサンプル

11:21 PM on 2011年6月15日 ,

$(document).ready(function(){ $(‘#main’).css({opacity:0}).animate({opacity:1},1000); $(‘a’).click(function(){ var url = $(this).attr(“href”); $(‘#main’).animate({“opacity”:0},500,”linear”,function(){ location.href = url; }); return false; }); $(‘.className’).each(function(){ $(this).css({opacity:”1.0″}); }); $(‘.className’).hover( function(){ $(this).fadeTo(‘fast’,0.4); }, function(){ $(this).fadeTo(‘fast’,1.0); } ); $(‘.className’).click(function(){ $(this).css({opacity:”0.4″}); }); });