jQuery的多滑塊改變幻燈片在一次

Question

我使用slidesjs，我想使多滑塊

我有2個滑塊#show和#show2，我想，在1次2 slidersw工作：幻燈片將在改變一次。

現在1滑塊幻燈片更改時間早於2，我的代碼中出現了什麼問題？

我想要的幻燈片將在一個時間改變：

<script> 
     $(function(){ 
      $("#show").slidesjs({ 
       width: 900, 
       height: 300, 
       navigation: false, 
       pagination: {active: false}, 
       play: { 
        auto: true, 
        pauseOnHover: true, 
        effect: "fade", 
       }, 
       effect: { 
        slide: {              
         speed: 200             
        }, 
        fade: { 
         speed: 300,            
         crossfade: true         
        } 
       } 
      }); 
      $("#show2").slidesjs({ 
       width: 900, 
       height: 300, 
       navigation: false, 
       pagination: {active: false}, 
       play: { 
        auto: true, 
        pauseOnHover: true, 
        effect: "fade", 
       }, 
       effect: { 
        slide: {              
         speed: 200             
        }, 
        fade: { 
         speed: 300,            
         crossfade: true         
        } 
       } 
      }); 
     }); 
    </script> 

我嘗試.ready，但也幻燈片在不同時間在同一時間改變

Answer 1

給他們倆一類，並對其進行定位。

<div class="sliders" id="show"></div> 
<div class="sliders" id="show2"></div> 

JS：

$(".sliders").slidesjs({ ... });