2013-07-02 1 views
0

나는 highslide를 사용하고 있으며 다양한 주제를 다루는 여러 개의 작은 갤러리가있는 페이지를 원합니다. 하나의 갤러리가 완벽하게 작동하지만 갤러리를 더 만들면 모든 갤러리의 이미지가 하나의 축소판으로 표시됩니다. 화랑이 어떻게 분리되어 있는지 확인하려면 어떻게해야합니까? 나는 믿을 수 없을만큼 간단하다고 확신하지만 나는 그것에 고심하고있다. 다음과 같이 순간 Thumbstrip이있는 여러 개의 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) 코드를 변경 : 난 그냥 그렇게 같이 설정 영역에서 새로운 옵션 세트의 몇 가지를 설정하는 데 필요한.

답변