2017-04-10 82 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