在jquery循环幻灯片中使用加载函数而不是就绪函数

Using load function instead of ready function in jquery Cycle slideshow

本文关键字：函数 就绪 加载 循环 jquery 幻灯片      更新时间：2023-12-15

这是我的代码的一部分：

  <script type="text/javascript">
  $(document).ready(function(){
$('#slideshow').cycle({
fx: 'cover',
speed: 2500,
timeout: 2000
});
}); 
</script>

我想使用加载功能而不是准备好，因为我希望我的幻灯片放映在所有图像完全加载后开始。

在下面的stackoverflow问题中，建议使用以下代码：

检查图像是否已加载？

$('.slideshow img').load(function(){
$('.slideshow').show().cycle();
});

并且还将身体标签中的图像显示为：none。当我将此代码应用于我自己的幻灯片放映时（不显示任何图像），我的幻灯片放映不会启动。

我应该如何编写此代码？感谢

您可以尝试以下

$(window).load(function() {
   $('#slideshow').cycle({
     fx: 'cover',
     speed: 2500,
     timeout: 2000
   });
});

这应该等待加载所有内容和图形后再运行循环。

相关文章：