0
我使用highslide，並希望有一個頁面，其上覆蓋不同主題的小畫廊。我有一個畫廊完美運作，但是當我創建更多畫廊時，來自所有不同畫廊的圖像顯示在一個拇指帶上。我怎樣才能確保畫廊保持獨立？我確信這非常簡單，但我正在努力。多個Highslide畫廊與拇指帶
此刻我的頭兩個畫廊代碼如下：
<div class="servicebox">
<h2>Radiators</h2>
<div class="highslide-gallery">
<a class='highslide' id="thumb1" href='assets/photos/radiators/01.jpg' title="" onclick="return hs.expand(this, miniGalleryOptions1)">
<img src='assets/photos/radiators/01_thm.jpg' alt=''/>
</a>
<div class="hidden-container">
<a class='highslide' href='assets/photos/radiators/02.jpg' title="" onclick="return hs.expand(this, miniGalleryOptions1)">
<img src='assets/photos/radiators/02_thm.jpg' alt=''/>
</a>
<a class='highslide' href='assets/photos/radiators/03.jpg' title="" onclick="return hs.expand(this, miniGalleryOptions1)">
<img src='assets/photos/radiators/03_thm.jpg' alt=''/>
</a>
</div>
</div>
</div>
<div class="servicebox">
<h2>Bathrooms</h2>
<div class="highslide-gallery">
<a class='highslide' id="thumb1" href='assets/photos/bathrooms/01.jpg' title="" onclick="return hs.expand(this, miniGalleryOptions1)">
<img src='assets/photos/bathrooms/01_thm.jpg' alt=''/>
</a>
<div class="hidden-container">
<a class='highslide' href='assets/photos/bathrooms/02.jpg' title="" onclick="return hs.expand(this, miniGalleryOptions1)">
<img src='assets/photos/bathrooms/02_thm.jpg' alt=''/>
</a>
<a class='highslide' href='assets/photos/bathrooms/03.jpg' title="" onclick="return hs.expand(this, miniGalleryOptions1)">
<img src='assets/photos/bathrooms/03_thm.jpg' alt=''/>
</a>
<a class='highslide' href='assets/photos/bathrooms/04.jpg' title="" onclick="return hs.expand(this, miniGalleryOptions1)">
<img src='assets/photos/bathrooms/04_thm.jpg' alt=''/>
</a>
</div>
</div>
</div>
編輯： 我現在想通了這一點。我只是需要建立幾個新的選項設置在配置方面，像這樣：
var miniGalleryOptions1 = {
thumbnailId: 'thumb1',
slideshowGroup: 1
}
var miniGalleryOptions2 = {
thumbnailId: 'thumb2',
slideshowGroup: 2
}
，然後改變返回hs.expand（這一點，miniGalleryOptions2）代碼相關的畫廊。