2014-03-26 39 views
0

在預加載器(查詢加載器2)加載完成後,有沒有辦法在我的站點上啓動全屏滑塊?頁面完全加載後啓動的滑塊

當前預加載器加載頁面,但一旦完成,滑塊已經到達其第一張幻燈片的一半。 我想要的是preloader完成加載然後開始滑塊。 我試過的東西:

1.)通過將查詢加載器的調用添加到頁面頂部並將滑塊調用放在頁面底部來更改加載順序。

2.)jQuery.getScript()按順序加載腳本,但滑塊在預加載器完成之前已經啓動。 我在滑動條上嘗試了document.ready(),但是它與預加載器同時加載它。

如果您對我要去哪裏錯誤有任何想法,您的幫助將不勝感激。

我已經把一個鏈接到我的網站,我不知道要添加的代碼段,在這裏http://stavriaphotography.com

回答

0

做一個函數來檢查是否有東西已經加載很簡單。在名爲'loaded'的函數的布爾值中,並將其值設置爲false。在預加載器的末尾將其值設置爲true。然後開始你的滑塊,檢查加載是否爲真,如果是這樣:啓動滑塊。

+0

謝謝你的回覆。我的jQuery知識很糟糕,但我理解你的答案。我寫了一些代碼,但它不工作,你知道我做錯了什麼嗎?的setTimeout(函數加載(){ \t加載(); \t加載()= FALSE; \t $( 「正文」)queryLoader2(); \t加載()= TRUE; \t如果(()加載){ \t \t $ jQuery.getScript('rs-plugin/js/jquery.themepunch.plugins.min.js','rs-plugin/js/jquery.themepunch.revolution.min.js'); \t} },2000); – user3462744

+0

加載必須是一個變量,你把它寫成一個函數。 –

+0

你應該做的是var loaded = false;然後在末尾添加你的查詢加載函數loaded = true;然後,檢查變量是否爲真如果(加載){startSlider();}您可能想要使用循環更頻繁地檢查它。否則,您可以將函數調用startSlider()放在queryLoader的末尾。 –

0

你可以嘗試的JavaScript的setTimeout函數。

setTimeout(function(){ 
    // your script code 
},1000); 

您可以在您想要加載腳本的特定時間限制後更改1000。

+0

感謝您的回覆,我在代碼中添加了setTimeout,但它仍然無效,我的jQuery知識並不是最好的。 – user3462744

相關問題