室內設計1:廣告輪播

範例結果

四、load事件處理

當上傳資料至網站時,圖片因檔案較大下載較慢,故產生下圖情形

因document事件與load事件的情形差異

window 的 onload  事件是在文檔的所有資源都載入完成之後觸發,包括 JS,CSS,文檔裡面的所有的圖片,多媒體內容等等。所以 onload 觸發的會比 dom ready 慢,比如有一個大圖片,頁面都已經展現出來了,圖片還沒載入完成,那麼 onload 就不會被觸發。

$( window ).on( 'load', function() { 
    //執行工作
} );

※記得CSS【#slider{display:none;}

    $(window).on('load',function(){
      setTimeout(function(){
        $('#slider').fadeIn(1000);
        sliderFn();
      },1000);
    });

jQuery各事件的方法(確認load、on事件)