読者です 読者をやめる 読者になる 読者になる

炊きたてのご飯が食べたい

定時に帰れるっていいね。自宅勤務できるっていいね。子どもと炊きたてのご飯が食べられる。アクトインディでは積極的にエンジニアを募集中です。

Light plugin (写真をキレイに拡大する)

お役立ち情報

1、まずは「jQueryのLight plugin」をダウンロード
2、ファイルを解凍して、「js」、「css」、「images」フォルダをアップロード
3、head内に以下のソースを記入する

<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<script type="text/javascript">
$(function() {
$('#gallery a').lightBox();
});
</script>

4、拡大したい画像を「id="gallery"」で囲む

<div id="gallery">
<img src="images/sample.jpg">
</div>

5、拡大した後の画像をリンクさせる

<div id="gallery">
<a href="images/sample_zoom.jpg">
<img src="images/sample.jpg">
</a>
</div>

追記
「$('#gallery a').lightBox(); 」とid="gallery"の名前を同じにすれば、
どんな名前でも実行できます!