1

ResponsiveSlide.js を使用してカスタム サムネイル ギャラリーを作成しようとしていますが、個々のスライドをトリガーする方法がわかりません。CSS の変更で呼び出すことができるかどうか、または JS を使用する必要があるかどうかはわかりません。私もjQueryにかなり慣れていないので、それは役に立ちません。

これまでのところ、スライドショーとサムネイルのリンクは機能していますが、それらをクリックしてもスライドの変更をトリガーできません。

<a onClick="$('#slider1_s2').addClass(activeClass)" href="#">thumb image</a>

Slider1_s2 は、このインスタンスで呼び出しようとしているスライドの ID タグですが、任意のスライドである可能性があります。

4

1 に答える 1

2

プラグインに任せてください。サムネイルのグループをスライドショー内の関連する画像にリンクする場合は、自分で作成する必要があります。

$("#slider3").responsiveSlides({
    manualControls: '#unique-pager'
});

ここで、スライドショーの画像を、これから作成する の画像にリンクします#unique-pager。

これは、Viljamis のデモ コードをそのまま変更したものです。

<!-- slideshow -->
<ul class="slides" id="slider">
  <li><img src="images/1.jpg" alt=""></li>
  <li><img src="images/2.jpg" alt=""></li>
  <li><img src="images/3.jpg" alt=""></li>
</ul>

<!-- Pager -->
<ul id="unique-pager"> <!--this id gets inserted in manualControls -->
  <li><a href="#"><img src="images/1_thumb.jpg" alt=""></a></li>
  <li><a href="#"><img src="images/2_thumb.jpg" alt=""></a></li>
  <li><a href="#"><img src="images/3_thumb.jpg" alt=""></a></li>
</ul>
于 2013-09-11T03:08:22.270 に答える