我在我的兄弟网站上集成了一个滑块。他希望进行一些预加载,因此幻灯片的第一张图片比其他图片的持续时间更长,所以滑块可以在第一张图片显示时加载所有图片。你有什么想法如何推迟第一张幻灯片吗?我试图找到JavaScript文件内的东西,但我不认为它是一个很好的想法,我在源代码工作。开始幻灯片放映
链接:http://www.davidgoltz.de/2011/anna-bederke-actor/
谢谢!
我在我的兄弟网站上集成了一个滑块。他希望进行一些预加载,因此幻灯片的第一张图片比其他图片的持续时间更长,所以滑块可以在第一张图片显示时加载所有图片。你有什么想法如何推迟第一张幻灯片吗?我试图找到JavaScript文件内的东西,但我不认为它是一个很好的想法,我在源代码工作。开始幻灯片放映
链接:http://www.davidgoltz.de/2011/anna-bederke-actor/
谢谢!
最初当您将自动设置为0时,它不会自动更改。
然后延迟(使用setTimeout()
)将自动设置为新值。
我假设你知道图像的数量应该加载。那么你可以设置一个计数器并触发自动更改事件;
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库的一些代码,如果可能的话,链路的jsfiddle将是最好的:d – Calum