2013-11-29 76 views
0

這是我的代碼部分:使用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(); 
}); 

以及在體標記作爲顯示圖像。 當我這個代碼應用到我自己的幻燈片(不顯示圖像爲無),我的幻燈片無法啓動。

我應該怎麼寫這個代碼? 感謝

回答

1

你可以嘗試以下

$(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