Highslide JS スライドショーについて

質問

いつも、ご支援を頂きまして感謝しております。
毎回、質問ばかりで申し訳ございませんが、どなたかお解かりの方がおられましたら、宜しくお願い申し上げます。

《質問》
現在、ＷＥＢサイトを作成中なのですが、Highslide JSを使用し写真をかっこよく表示したいと奮闘中です。
ある程度は、完成したのですが　1ページに複数（今回は2枚）の写真を並べて、スライドショーにしたいのですが、うまくいきません。
参考にさせて頂いたサイトは
http://www.koikikukan.com/archives/2007/01/18-005102.php
ですが、ここに掲載の「５．３ キャプションにコントローラーを追加する場合」を各々（2枚）の画像の下に追加してるのですが、一度はスライドショーになりますが、2回目の表示は、1枚の写真のコントローラーが表示されなくなったり致します。
何が、おかしいのか、まったく判らず弱っております。
とりあえず、Markup Validation Serviceでチェックをすると、
<div class='highslide-caption' id='the-caption'>
't←このあたりのマークアップはおかしいと表示されました。

どなたか、お解かりの方、重ねてお願い申し上げます。

回答No.1

sora1tora2

こんにちは

基本的な質問ですが、複数の画像を使っているとの事でしたが、

<div class='highslide-caption' id='the-caption'>

のid='the-caption'の部分を複数の画像に対して、同じように設定していませんか？
idセレクタ名は一つのファイルに対して、一度しか使えません。（使うなら違うidセレクタ名にして同じ設定）マークアップのエラーはこのためかと思います。

Highslide JS スライドショーについてですが、書かれてある事だけでは解りません。

自身もHighslide JSのサンプルはダウンロードしているのですが、一番簡単な使い方は、ダウンロードしたサンプルの使いたいものをコピペして、使われるのが一番簡単で間違いないです。

お礼

sora1tora2様

ご回答ありがとうございます。
サンプルをまったく見ないで作業を進めておりました。
Highslide JSもバージョンが上がると、設定の方法も若干違うようです。
古いバージョンの方法で行っておりました。

サンプルを確認し、コピペで使えるようになりました。
ありがとうございます。

でも、また少々疑問が．．．
この質問を閉めて、改めて質問させて頂きます。