0

私はハイスライドを使用しており、さまざまなテーマをカバーする小さなギャラリーが多数あるページを作成したいと考えています。1 つのギャラリーが完全に機能していますが、さらにギャラリーを作成すると、すべての異なるギャラリーの画像が 1 つのサムストリップに表示されます。ギャラリーを別々に保つにはどうすればよいですか? これは信じられないほど単純だと確信していますが、私はそれに苦労しています。

現時点で、最初の 2 つのギャラリー コードは次のとおりです。

<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
}

次に、return hs.expand(this, miniGalleryOptions2) コードを関連するギャラリーに変更します。

4

1 に答える 1

0

今後の参考のために、この Highslide FAQ を参照してください:同じページに複数のギャラリーを配置するにはどうすればよいですか?

于 2013-07-09T00:38:44.280 に答える