highslideについて

質問

highslideを使用してページ内にHTMLを表示させたいのですが、2箇所に設定すると2箇所とも同じHTMLが表示されてしまいます。（LINK先は別々に指定しているのに）

ネットで調べても、画像の拡大表示のカスタマイズについてのサイトばっかりで、わからなくて困ってます。
highslideの詳しい設定が載っているサイトをご存知の方いらっしゃいましたら、教えて頂けませんか？
よろしくお願いします。

回答No.1

grumpy_the_dwarf

本家(参考URL)のドキュメントやサンプルを読むと、
<a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-7',中略...</a>
なリンクと、
<div class="highslide-html-content" id="highslide-html-7">
表示したい中身
</div>
のセットを用意してうじゃうじゃと書いてあるようです。そう
なってますか?2箇所から同じcontentIDを参照してませんか

参考URL：

http://vikjavev.no/highslide/

補足

ありがとうございます。
タグの方は、このように書いてあります。

<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image22','','top/site_map_o.jpg',1)" onclick="return hs.htmlExpand(this,{contentId:'sitemap',objectType:'iframe',objectWidth:420,objectHeight:450} )" class="highslide"><img src="top/site_map.jpg" alt="サイトマップ" name="Image22" width="123" height="35" border="0" id="Image22" /></a>
<div class="highslide-html-content" id="sitemap" style="width: 420px">
<div class="highslide-move" style="border: 0; height: 18px; padding: 2px; cursor: default">
<a href="sitemap.html" onclick="return hs.close(this)" class="control">Close</a></div>
<div class="highslide-body"></div></div>

<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image12','','top/link_o.jpg',1)" onclick="return hs.htmlExpand(this,{contentId:'link',objectType:'iframe',objectWidth:700,objectHeight:900} )" class="highslide"><img src="top/link.jpg" alt="リンク" name="Image12" width="115" height="34" border="0" id="Image12" /></a>
<div class="highslide-html-content" id="link" style="width: 520px">
<div class="highslide-move" style="border: 0; height: 18px; padding: 2px; cursor: default">
<a href="link.html" onclick="return hs.close(this)" class="control">Close</a></div>
<div class="highslide-body"></div></div>

ですが、Safariでは同じページしか表示されません…。
FirefoxとNetscapeでは、ちゃんと表示されるのですが。