FancyBox

画像1枚で使う場合

titleなし

<p><a href="image/photo01.jpg"><img src="image/photo01.jpg" alt="" width="250" height="187" /></a></p>

titleあり

<p><a href="image/photo02.jpg" title="自然の風景"><img src="image/photo02.jpg" alt="" width="250" height="167" /></a></p>

グループ画像として使う場合

<p><a href="image/photo02.jpg" title="グループ画像1" rel="group1"><img src="image/photo02.jpg" alt="" width="250" height="167" /></a>
<a href="image/photo03.jpg" title="グループ画像2" rel="group1"><img src="image/photo03.jpg" alt="" width="250" height="167" /></a>
<a href="image/photo04.jpg" title="グループ画像3" rel="group1"><img src="image/photo04.jpg" alt="" width="250" height="113" /></a></p>

サイト内のHTMLを読む場合

frameのサンプルページへ

<p>frameの<a href="sample.html" class="{frameWidth: 250, frameHeight: 150}" id="custom_1">サンプルページへ</a></p>

Webページを読み込む場合

google

<p><a href="http://www.google.com/" title="Google" id="custom_2"><img src="image/google.jpg" alt="google" width="161" height="100" /></a></p>

ページトップへ