Question

我已经成功设置了旋转木马链接的寻呼机滑块显示，沿着演示的方向。然而，功能有点不完美，我需要一个解决方案。

代码只使用指令

<div id="slideshow-1">
<div id="cycle-1" class="cycle-slideshow"
    data-cycle-prev="#slideshow-1 .cycle-prev"
    data-cycle-next="#slideshow-1 .cycle-next"
    data-cycle-swipe=true
    data-cycle-swipe-fx=scrollHorz
    data-cycle-timeout="0"
    data-cycle-auto-height="800:500"
    >
...
<div id="cycle-2" class="cycle-slideshow"
    data-cycle-slides="> div"
    data-cycle-timeout="0"
    data-cycle-prev="#slideshow-2 .cycle-prev"
    data-cycle-next="#slideshow-2 .cycle-next"
    data-cycle-fx="carousel"
    data-cycle-carousel-visible="5"
    data-cycle-carousel-fluid="true"
    data-allow-wrap="false"
    >
...

问题如下，当您使用＆＃39; next＆＃39;到达旋转木马的末尾时，旋转木马停止但仅在显示的5个中的第一个停止。这是违反直觉的，正如您所期望的那样，点击下一步将会有4个时间带您到最后一个旋转木马。

一个选项是data-allow-wrap =＆＃34; true＆＃34;，因为换行意味着它会在您单击下一步时继续，但设置此选项将无法单击任何5个显示轮播图像 - 这是一个错误吗？有工作吗？

另一个选择是删除＆＃39; next＆＃39;击中结束时的指示器（从结尾开始的第5个）并留给用户进行锻炼，他们必须点击剩余的4个轮播图像。这不太理想，但你怎么能识别这种状态并删除下一个＆＃39; （大概是jQuery的邻居？）

jQuery Cycle2轮播寻呼机问题

0 个答案: