Question

我有两个jQuery Cycles版本2. http://jquery.malsup.com/cycle2/ 我想有一个导航（#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>
    <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/

Answer 1

我不确定我是什么意思，但如果你只是使用：

data-cycle-prev=".prev"
data-cycle-next=".next"

在两个周期上都应该这样做。

检查此示例：view-source：http://jquery.malsup.com/cycle2/demo/caro-pager.php 这一个：http://jquery.malsup.com/cycle2/demo/prevnext.php

Jquery Cycle 2双分页器

1 个答案: