2012-11-15 57 views
0

我有兩個jQuery循環版本2. http://jquery.malsup.com/cycle2/ 我想有一個導航(#nav)來控制兩個循環。我知道它仍然是測試版,所以也許這是不可能的但..Jquery Cycle 2 double pager

<script src="http://jquery.malsup.com/cycle2/jquery.cycle2.js"></script> 
    <script src="http://jquery.malsup.com/cycle2/jquery.cycle2.scrollVert.js"></script> 

    <div class="cycle-slideshow" 
     data-cycle-fx="scrollVert" 
     data-cycle-pause-on-hover="true" 
     data-cycle-timeout="0" 
     data-cycle-pager="#nav"> 
     <img src="http://i46.tinypic.com/29oocgm.jpg" data-cycle-pager-template="<a href=#>1</a>" /> 
     <img src="http://i48.tinypic.com/o602sz.jpg" data-cycle-pager-template="<a href=#>2</a>" /> 
     <img src="http://i50.tinypic.com/qntoxc.jpg" data-cycle-pager-template="<a href=#>3</a>" /> 
    </div> 
    ​<br /> 
    <br /> 
    <div class="cycle-slideshow" 
     data-cycle-fx="scrollVert" 
     data-cycle-pause-on-hover="true" 
     data-cycle-timeout="0" 
     data-cycle-pager="#nav"> 
     <img src="http://i46.tinypic.com/29oocgm.jpg" data-cycle-pager-template="<a href=#>1</a>" /> 
     <img src="http://i48.tinypic.com/o602sz.jpg" data-cycle-pager-template="<a href=#>2</a>" /> 
     <img src="http://i50.tinypic.com/qntoxc.jpg" data-cycle-pager-template="<a href=#>3</a>" /> 
    </div> 
    <div id="nav"></div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

例子:http://jsfiddle.net/hfjXd/

回答