1

こんにちは、私はレスポンシブ スライダーにbxslidderを使用しています。スライドが少ない場合は問題なく動作します。もっと画像をスライドさせたいです。そのためのプラグインはありますか？これが私のリンクです

http://www.mediaserveit.com/demo/vivek/cutout/gallery.php

ここでは、さらにスライドする必要がある 4 つの画像だけをスライドさせます。また、レスポンシブ用です。

私のスクリプト

 <script type="text/javascript">
$(document).ready(function(){

 $('.gallery_slidder').bxSlider({
 pagerCustom: '.gallery_paging'
   });
  });
</script>

私のhtml

<div class="gallery_slidder">

    <img src="resources/images/foto.png" alt=""/>
    <img src="resources/images/foto.png" alt=""/>
    <img src="resources/images/foto.png" alt=""/>
    <img src="resources/images/foto.png" alt=""/>
        </div>
<div class="gallery_paging">
    <a data-slide-index="0" class="gallery_thumbs">
  <img src="resources/images/thumb_im.png" alt="" />
    </a>
    <a data-slide-index="1" class="gallery_thumbs">
   <img src="resources/images/thumb_im.png" alt="" />
    </a>
    <a data-slide-index="2" class="gallery_thumbs">
   <img src="resources/images/thumb_im.png" alt="" />
    </a>
    <a data-slide-index="3" class="gallery_thumbs">
   <img src="resources/images/thumb_im.png" alt="" />
    </a>
</div>
4

2 に答える 2

1

一般的に画像の「カルーセル」として知られているものを参照しています。

これに使用できるスクリプトは多数ありますが、最もよく知られているのはjCarouselです。

jQuery にはそのようなプラグインがたくさんあるので、Google で検索することをお勧めします。以下は、最高のカルーセル プラグインを含むページです。

于 2013-06-08T14:30:30.883 に答える
-2

この問題を解決するためにdesignpotatoをチェックすることもできます。

于 2014-04-19T20:37:27.340 に答える