2013-02-07 2 views
0

두 개의 슬라이드를 동일한 prev, next 버튼으로 제어하는 ​​방법은 무엇입니까? 이전/다음 버튼을 클릭하면 두 슬라이드가 모두 이동되기를 원합니다.이 기능을 구현하는 방법은 무엇입니까?slidejs : 이전 이전 다음 단추로 두 슬라이드를 제어하는 ​​방법은 무엇입니까?

JS 빈 : http://jsbin.com/osogig/1/edit

$(function() { 
    $("#slides, #slides1").slides({ 
     generatePagination : false, 
     height : 50 
    }); 
}); 


<div id="slides"> 
    <div class="slides_container"> 
     <div>sample text 1</div> 
     <div>sample text 2</div> 
     <div>sample text 3</div> 
     <div>sample text 4</div> 
    </div> 
    <a href="#" class="next"> Next </a> &nbsp; &nbsp; &nbsp; <a href="#" 
     class="prev"> Prev </a> 
</div> 
<div id="slides1"> 
    <div class="slides_container"> 
     <div> 
      Lorem ipsum dolor sit amet <br /> Lorem ipsum dolor sit amet <br /> 
      Lorem ipsum dolor sit amet <br /> 
     </div> 
     <div> 
      Lorem ipsum dolor sit amet <br /> Lorem ipsum dolor sit amet <br /> 
      Lorem ipsum dolor sit amet <br /> 
     </div> 
     <div> 
      Lorem ipsum dolor sit amet <br /> Lorem ipsum dolor sit amet <br /> 
      Lorem ipsum dolor sit amet <br /> 
     </div> 
     <div> 
      Lorem ipsum dolor sit amet <br /> Lorem ipsum dolor sit amet <br /> 
      Lorem ipsum dolor sit amet <br /> 
     </div> 
    </div> 
</div>  

답변

1

추가]이에 # slides1 :

#slides1 .next, 
#slides1 .prev { display: none; } 

이 JS이 추가 :

<a href="#" class="next"> Next </a><a href="#" class="prev"> Prev </a> 

은 CSS이 추가

$('#slides .next').click(function() { 
    $('#slides1 .next').click(); 
}); 
$('#slides .prev').click(function() { 
    $('#slides1 .prev').click(); 
}); 

http://jsfiddle.net/samliew/4JjMC/

+0

다음 단계 만 수행하면됩니다. 단순한. –

+0

JS 코드를 준비된 함수에 넣어야합니다. 이전 코드 블록 안에 중첩 할 수 있습니다. 힌트 : 다음과 같이 시작한다 :'$ (function() {' –

+0

감사합니다. – NEO

관련 문제