使用jQuery的周期幻灯片负载(功能),而不是准备(功能)

问题描述:

这是我的代码部分:使用jQuery的周期幻灯片负载(功能),而不是准备(功能)

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

我想使用负载功能,而不是准备好了,因为我希望我的幻灯片开始毕竟图像完全加载后。

在下面其它计算器问题

,有人建议使用此代码:无:

Check if images are loaded?

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

以及在体标记作为显示图像。 当我这个代码应用到我自己的幻灯片(不显示图像为无),我的幻灯片无法启动。

我应该怎么写这个代码? 感谢

你可以尝试以下

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

这应该等待所有的内容和图形运行周期之前被加载。

+0

谢谢了很多。有用 。 但我想我会有另外一个问题 因为图像是在身体标记和我的剧本是从 HTML代码中分离,幻灯片放映开始前,图像将在装载过程中形成从上一个队列向下幻灯片div标签时间。 我对吗? 因为我与本地主机和工作速度很高,我不知道它发生与否。 再次感谢你,反正这里 – Nima

+0

有http://4loc.wordpress.com/2009/04/28/documentready-vs-windowload/一看 - $(窗口).load会等到所有内容加载 - 意义HTLM已经渲染以及所有的iFrame和图像等。我不明白这个问题会是什么?!? –

+0

好的。谢谢 。如果它包含所有的内容和组件 就不会有问题 – Nima