初始化JavaScript的onload功能

我在我的頁面初始化幻燈片的幻燈片，我想以後的頁面被我使用的onload功能用JavaScript這樣做完全加載初始化JavaScript的onload功能

它來執行。

現在我的問題是幻燈片（圖像）組件在我的身體標記。我不知道如何用onload函數來控制它們。正如您在幻燈片放映開始之前所知道的那樣，圖像從頁面的頂部到底部形成隊列

爲了更好地理解我的目的，假設我的身體標記中有一個圖像，而且我不希望它成爲在頁面的每個組件（即使是包含音頻和幻燈片的JavaScript函數）之前顯示的都不會完全加載。

這裏是我的代碼的一部分，JavaScript包括幻燈片加音頻。謝謝

<script type="text/javascript"> 

window.onload = a; 

function a() { 
     $(document).ready(function(){ 
     $('#slideshow').cycle({ 

x:'curtainX', 
sync: false, 
}); 
}); 

setTimeout(plus1,9000); 
function plus1() { 

     $(document).ready(function(){ 
     $('#slideshow').cycle('pause'); 
}); 
} 
var music = new Audio("archive.mp3"); 
music.play(); 

} 
</script> 
. 
. 
. 
<body> 
    <div id="slideshow"> 
     <p><img src="10.png" width="420" height="420"/></p> 
     <p><img src="9.png" width="420" height="420"/></p> 
</div> 
</body>

來源

2013-11-28 Nima

你只能特定的一次document.ready()。
WHE你內心document.ready()進入DOM元素已經準備就緒，窗口已經加載你可以做這樣的事情：

$(document).ready(function(){ 
    $('#slideshow').show(); 
    $('#slideshow').cycle({ 
      x:'curtainX', 
      sync: false, 
    }); 

    setTimeout(plus1,9000); 
    function plus1() { 
      $('#slideshow').cycle('pause'); 
    } 
    var music = new Audio("archive.mp3"); music.play(); 
});

這是HTML

<body> 
    <div id="slideshow" style="display:none;"> 
     <p><img src="10.png" width="420" height="420"/></p> 
     <p><img src="9.png" width="420" height="420"/></p> 
</div> 
</body>

來源

2013-11-28 20:16:21

謝謝。我會用它。但我的問題是與圖像。有關這個的任何建議？ – Nima

編輯答案與HTML和編輯jQuery @尼瑪 –

我檢查了它，但是當我顯示圖像爲none時，幻燈片也消失了。它出什麼問題了？有什麼想法？謝謝 – Nima

初始化JavaScript的onload功能

回答

相關問題