用延迟开始幻灯片

Start slideshow with delay

本文关键字：幻灯片 开始 延迟      更新时间：2023-09-26

我在我兄弟的网站上集成了一个滑块。他想要一些预加载，所以幻灯片的第一张图像比其他图像持续的时间更长，所以滑块可以在第一张图像显示时加载所有图像。你知道如何延迟第一张幻灯片吗?我试图在Javascript文件中找到一些东西，但我不认为这是一个好主意，我在源代码中工作。

链接:http://www.davidgoltz.de/2011/anna-bederke-actor/

谢谢!

当你开始设置auto为0时，它不会自动改变。

延时后(使用setTimeout())设置auto为新值

我假设您知道应该加载的图像数量。然后您可以设置计数器并触发自动更改事件;

var counter = 0;
$(".class-of-images-should-be-loaded").bind("load",function(){
    counter++;
    if(counter == n){         //n - number of images
        //trigger your event
    }
}

为所有的图片设置一个类，并使用它作为选择器。

你也可以使用"settimeout"，但如果连接很慢，可能会有未加载的图像在幻灯片中。

*我使用jQuery是因为你有jQuery库在你的网页

相关文章：