写真をクリックしたときにポップアップで画像をズームアップして表示してくれる「fancybox」というjQueryを利用して、HPにアクセスしたときに写真をポップアップさせるスクリプトを書いてみました。
すでにfancyboxが動いていれば以下のスクリプトを<head>～</head>間に入れるだけなので、簡単です。まだの場合は実装してから行ってくださいね。
<script type="text/javascript">
<!--
$( function() {
$.fancybox({
hideOnContentClick:true,
overlayShow:true,
type:'iframe',
width:500,
height:300,
href:'img/hogehoge.jpg',
}).click();
});
//-->
</script>