2011-08-09 54 views
0

我在我的兄弟网站上集成了一个滑块。他希望进行一些预加载,因此幻灯片的第一张图片比其他图片的持续时间更长,所以滑块可以在第一张图片显示时加载所有图片。你有什么想法如何推迟第一张幻灯片吗?我试图找到JavaScript文件内的东西,但我不认为它是一个很好的想法,我在源代码工作。开始幻灯片放映

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

谢谢!

+0

后有jQuery库的一些代码,如果可能的话,链路的jsfiddle将是最好的:d – Calum

回答

0

最初当您将自动设置为0时,它不会自动更改。

然后延迟(使用setTimeout())将自动设置为新值。

0

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

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的,因为你在你的网页