JavaScript KiQj
lightbox gĉ摜g\B


Ke
ũAILvi[y[W̉摜NbNƂɃEBhEŊg\悤ɐݒB


fނ̏
Eg厞̉摜쐬B𑜓xύXAt@C̍ŌɁu _l vǋLāAg摜ۑB
Elightbox _E[hAt@C𓀂B
http://www.huddletogether.com/projects/lightbox2/#download


HTML ɋLqΏۃt@CRs[B
yRs[z
@lightbox2.04/css/lightbox.css
@lightbox2.04/js tH_̃t@CS
yRs[z
@statK쐬/css/lightbox.css
@statK쐬/js/lightbox/

HTML ̃wb_[̈ɉL̃\[XLqB̂ƂɃRs[̃tH_QƂł悤΃pX̋Lqɒӂ邱ƁB
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/lightbox/prototype.js" type="text/javascript"></script>
<script src="js/lightbox/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox/lightbox.js" type="text/javascript"></script>


lightbox images tH_̉摜Rs[B
yRs[z
@lightbox2.04/images/bullet.gif
@lightbox2.04/images/close.gif
@lightbox2.04/images/closelabel.gif
@lightbox2.04/images/donate-button.gif
@lightbox2.04/images/download-icon.gif
@lightbox2.04/images/loading.gif
@lightbox2.04/images/nextlabel.gif
@lightbox2.04/images/prevlabel.gif

yRs[z
@statK쐬/images/bullet.gif
@statK쐬/images/close.gif
@statK쐬/images/closelabel.gif
@statK쐬/images/donate-button.gif
@statK쐬/images/download-icon.gif
@statK쐬/images/loading.gif
@statK쐬/images/nextlabel.gif
@statK쐬/images/prevlabel.gif


摜ɃNǉAN͊g厞̉摜ƂȂ悤ɐݒ
<a href="images/diary_l.jpg" rel="lightbox" title="i[ VXe蒠"></a>
<a href="images/globe_l.jpg" rel="lightbox" title="i[ nV"></a>


style.css ɉL̐ݒǉi摜ɐg\Ăꍇ̂݁j
a img{
border: none;
}


mF
lightbox삷邩ǂmFB


摜O[vꍇ́Arel="lightbox" ɃO[vǉB
ijrel="lightbox[a]"@Ȃ [] ͉̒ł悢B


