画像単体で表示する

My image

XHTML

<p><a href="image/photo_01.jpg" class="lightview">My image</a></p>
<p><a href="image/photo_01.jpg" class="lightview"><img src="image/photo_01.jpg" alt="" width="320" height="213" /></a></p>

タイトルや本文をつける

<p><a href="image/photo_01.jpg" class="lightview"  title=" この画像のタイトル:: この画像の本文です。"><img src="image/photo_01.jpg" alt="" width="320" height="240" /></a></p>

画像をグループで表示する

<ul>
<li><a href="image/photo_01.jpg" class="lightview" rel="gallery[myset]" title=" 画像1のタイトル:: 画像1の本文です。"><img src="image/photo_01.jpg" alt="" width="180" height="135" /></a></li>
<li><a href="image/photo_02.jpg" class="lightview" rel="gallery[myset]" title=" 画像2のタイトル:: 画像2の本文です。"><img src="image/photo_02.jpg" alt="" width="180" height="135" /></a></li>
<li><a href="image/photo_03.jpg" class="lightview" rel="gallery[myset]" title=" 画像3のタイトル:: 画像3の本文です。"><img src="image/photo_03.jpg" alt="" width="180" height="135" /></a></li>
</ul>

他のページを読み込む場合

<ul>
<li><a href="http://www.google.com" rel="iframe" title="Google :: :: fullscreen: true" class="lightview" >Google</a></li>
<li><a href="http://www.yahoo.com" rel="iframe" title="Yahoo :: :: fullscreen: true" class="lightview" >Yahoo</a></li>
</ul>

同一ページ内の指定箇所を読み込みたい場合

同一ページ内のコンテンツ

<p><a href="#demo" class="lightview" title="Hidden Form" >同一ページ内のコンテンツ</a></p>

ページトップへ