1

ページ内で簡単なスライダーを使用しましたが、同じページ内に別のスライダーを配置したいです。同じIDまたはクラスでdivを使用すると、問題が発生します。動作しません。

例：-

  <div class="slider">
    <ul>        
      <li><a href="#"><img src="images/02.jpg" alt="Css Template Preview" /></a></li>
      <li><a href="#"><img src="images/04.jpg" alt="Css Template Preview" /></a></li>
      <li><a href="#"><img src="images/05.jpg" alt="Css Template Preview" /></a></li>      
    </ul>
  </div>

同じページで同じクラスを使用すると、機能しませんでした。同じページで同じスライダーを何度も管理する方法を教えてください。

4

1 に答える 1

1

JavaScript コードでこのメソッドを使用している場合は、

$("#slider").easySlider({
     auto: true,
     continuous: true 
});

次に、作成します

<div id="slider" class="slider">
  <ul>        
    <li><a href="#"><img src="images/02.jpg" alt="Css Template Preview" /></a></li>
    <li><a href="#"><img src="images/04.jpg" alt="Css Template Preview" /></a></li>
    <li><a href="#"><img src="images/05.jpg" alt="Css Template Preview" /></a></li>      
  </ul>
</div>
<div id="slider_new" class="slider">
  <ul>        
    <li><a href="#"><img src="images/02.jpg" alt="Css Template Preview" /></a></li>
    <li><a href="#"><img src="images/04.jpg" alt="Css Template Preview" /></a></li>
    <li><a href="#"><img src="images/05.jpg" alt="Css Template Preview" /></a></li>      
  </ul>
</div>

次に、次のようにスライド JavaScript を 2 回追加します。

$("#slider").easySlider({
    auto: true,
    continuous: true 
});
$("#slider_new").easySlider({
    auto: true,
    continuous: true 
});

これはうまくいくはずです。私はあなたがこれを使用していると仮定しています

于 2012-05-14T10:48:03.017 に答える