jQuery 循环延迟问题答案

【问题标题】：jQuery Cycle delay issuejQuery 循环延迟问题
【发布时间】：2013-10-12 21:51:27
【问题描述】：

遇到 jquery 循环问题不知道我做错了什么。毫不拖延，一切正常，但我很想推迟第一张图片因为滑块在加载第一个或两个图像之前开始我很想停止它几秒钟然后开始。有什么想法吗？

$(document).ready(function() {  $('#slideshow').cycle({ 
      fx: 'fade',
      speed: '1000',
      timeout:'4000',
      delay: '1000'
    });
});

【问题讨论】：

你能给我们看一把小提琴吗？
无需延迟，只需使用$(window).load(function() {$('#slideshow').cycle...。另见stackoverflow.com/questions/3698200/…
这确实有效，但现在所有图像都显示在幻灯片的开头，需要修复它，一切都很好:)
#slideshow img { display: none } #slideshow img.first { display: block } 它有效，但只显示第一张图片。我需要在页面第一张图片显示 10 秒后显示其余图片有什么想法吗？

【解决方案1】：

如果您希望转换之间有 4 秒的间隔，但您希望第一次转换在页面加载后 2 秒发生，那么您可以这样做：

$('#slideshow').cycle({
fx: 'fade',
speed: '1000', 
 timeout:'4000',
delay: -2000
});

“延迟”选项让您有机会更改第一张幻灯片的过渡间隔。在计算第一张幻灯片的超时值时，将延迟选项的值（默认为0）添加到超时值中

希望对你有帮助

【讨论】：