2017-04-10 81 views
0

嗨我有一個滑塊,使用bxslider作爲插件和圖像加載之前的JavaScript,因此有一段時間之前,JS文件已加載,但在圖像之前有顯示問題。我怎樣才能解決這個問題?預加載JS文件或加載圖像最後

http://orchid-goose.cloudvent.net/

+0

是否有可能創建一個jsFiddle或內聯代碼示例?我們傾向於避免在鏈接出現故障時避免提供與外部資源相關的問題。看到[這裏](https://meta.stackoverflow.com/questions/341371/question-with-link-to-the-public-website) – aug

回答

1

設置CSS屬性visibility:hidden滑塊並使其可見一次該腳本已完成加載。您可以在父容器中有一個佔位符圖像作爲背景,例如表示它正在加載的gif。

+0

太棒了,這怎麼回事呢工作。 $(document).ready(function(){$('。hide')。removeClass('。hide')。addClass('。show');}); –

+1

調用removeClass()和addClass()時,從類名中除去'.'。 – inarilo

1

把滑塊的實施

$(window).on("load", function() { 
    // weave your magic here. 
}); 

該函數將被執行,當所有數據被加載

+0

真棒,怎麼這不起作用。 $(document).ready(function(){ $('。hide')。removeClass('。hide')。addClass('。show'); }); –

+0

$(document).ready將在DOM被加載時觸發 $(windows).on('loaded',()=> {})被觸發,當所有內容都被加載時 – Ruderer