在推荐滑块之间设置更长的延迟

时间:2011-09-15 23:41:38

标签: jquery

我们正在使用JS来制作推荐滑块。我需要幻灯片之间的暂停时间更长。所以人们有机会阅读文本,但是围成一圈。

任何帮助表示感谢。

js是:

$(document).ready(function(){
var slider = function() {
    $('#testimonials .slide').filter(':visible').fadeOut(1000,function(){
        if($(this).next('li.slide').size()){
            $(this).next().fadeIn(2000);
        }
        else{
            $('#testimonials .slide').eq(0).fadeIn(1000);
        }
    });
};
var interval = setInterval(slider, 5000);
$('#testimonials .slide').hover(function() {
    clearInterval(interval);
}, function() {
    interval = setInterval(slider, 5000);
});

});

html是:

                     
这里有一些消息
                         
这里有一些消息
            

css是:

#testimonials {width: 500px;height: 100px;list-style-type: none !important;}
#testimonials .slide {list-style-type: none !important;}
blockquote {font-size: 18px;font-family:"proxima-nova-1","proxima-nova-2", Helvetica, Arial, sans-serif;color: #333;font-style: italic; line-height:24px;}

1 个答案:

答案 0 :(得分:1)

见行......

interval = setInterval(slider, 5000);

...将5000更改为更大的数字。 1000大约1秒。