延迟开始幻灯片放映

Question

我在兄弟网站上集成了一个滑块。他想要一些预加载，因此幻灯片的第一张图像比其余图像持续时间更长，因此滑块可以在第一张图像显示时加载所有图像。你对如何延迟第一张幻灯片有什么想法吗？我试图在Javascript文件中找到一些东西，但我不认为这对我来说是个好主意。

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

谢谢！

Answer 1

最初当你开始将auto设置为0时，它不会自动更改。

然后在延迟（使用setTimeout()）后将auto设置为新值。

Answer 2

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

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库