最終更新日： 2007年5月10日 17:47
１：http://vikjavev.no/highslide/ から、Highslideのスクリプトをダウンロードします。（個人使用の場合は無料）
２：ページ一番下の「Installation」に従って下さい（英語）。
補足：読み込むJavaScriptについて
highslide.jsは必ず読み込みます。また、highslideの部品の画像のディレクトリを指定するためのJavaScriptをhighslide.jsとは別に記述する必要があるようです。以下は、このページで記述しているJavaScriptです。
<script type="text/javascript" src="highslide/highslide.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
window.onload = function() {
hs.preloadImages(5);
}
</script>
<p><a href="myimg/photo1.jpg" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})">
<img src="myimg/photo1s.jpg" alt="千葉県最南端の道" width="200" height="101" border="0"
title="Click to enlarge" /></a> </p>
<div class='highslide-caption' id='caption1'>
ここは、千葉県最南端の海沿いの道です。もう少し進むと野島崎灯台が見えてきます。<br />
※ちなみに、このキャプション欄はCSS等で<strong>自由に装飾出来ます</strong>。
</div>
でかいサイズの写真は、自動的にブラウザサイズに最適化されて、写真右下に「フルサイズで見る」ボタンが表示されます。
<p><a href="myimg/photo1.jpg" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})">
<img src="myimg/photo1s.jpg" alt="千葉県最南端の道" width="200" height="101" border="0"
title="Click to enlarge" /></a> </p>
<div class='highslide-caption' id='caption2'>
千葉県最南端の地、野島崎灯台。Googleマップでは、<a href="http://maps.google.co.jp/maps?ie=UTF8&ll=34.901912,139.888315&spn=0.018126,0.028152&z=15&om=1" target="_blank">ここらへん</a>です。</div>
その他のサンプルは http://vikjavev.no/highslide/index.htm から確認出来ます。
このサンプルを見る限り、他にも
みたいなことができるようです。
サンプルを見る限り、Highslide JSは多彩なエフェクト表現が出来る代わりに、エフェクトごとに異なるCSS設定が必要っぽく、１つのページ内で複数のエフェクトを同居させるのは骨が折れるかもしれません。（公式サイトのトップページのサンプルがまさにそれを実現していますが）