停止某个图像的jquery循环

时间:2013-03-05 14:42:51

标签: jquery jquery-cycle

我正在使用jquery在页面加载时循环浏览图像,如下例所示:

http://buildinternet.com/live/cycle-images/

JQUERY

$('.diapositivas').cycle({
                fx:     'none',
                speed:   100,
                timeout: 70,
                cleartypeNoBg:true
            }).cycle("pause");


        function runThrough(){
                $('.start-page-img .diapositivas').addClass('active').cycle('resume');
            }

        runThrough();

HTML

<div class="start-page-img">
    <a href="http://website.com" class="link"></a>
    <ul class="diapositivas">
        <li><img src="image.jpg"/></li>
        <!-- Any other slides -->
    </ul>
</div>

有没有办法可以在到达最后一张图像或某张图像时停止循环?

谢谢!

2 个答案:

答案 0 :(得分:1)

只需使用autostop option

即可

JAVASCRIPT:

$('.diapositivas').cycle({
    fx:     'none',
    speed:   100,
    timeout: 70,
    autostop: 1
}).cycle("resume");

样本: http://jsfiddle.net/dirtyd77/SLGdE/7/

答案 1 :(得分:0)

查看您的cycle()插件是否提供了任何回调,并使用合适的回调来检查您的位置以及是否应该致电cycle("pause")