0

私は 2 つの jQuery サイクル バージョン 2 を持っています。http://jquery.malsup.com/cycle2/ 両方のサイクルを制御する 1 つのナビゲーション (#nav) が必要です。まだ BETA であることはわかっているので、まだ可能ではないかもしれません..

    <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>
    ​&lt;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/

4

1 に答える 1