jQuery를 멀티 슬라이더는 내가 <a href="http://www.slidesjs.com/" rel="nofollow">slidesjs</a>을 사용하고

Question

한 번에 슬라이드를 변경하고 난 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({ ... });