重新加载页面时图像闪烁

时间:2016-01-18 14:09:39

标签: jquery html css image

我有一些简单的jQuery函数正在运行以让图像淡入,但在淡入之前我隐藏图像,当页面重新加载时图像闪烁然后淡入,因为图像在html页面上。有没有办法解决这个问题?

1 个答案:

答案 0 :(得分:4)

最好添加一些代码,以获得完美的解决方案,但是当它保留时,我的回答是有效的。只是假设,你没有隐藏图像或JavaScript加载缓慢。所以,这样做。给<img style="display: none;" /> 以便图像不会在视图中加载:

$("img").fadeIn(); // Or whatever!

加载jQuery后,您可以使用:

<img class="tested" style='display:none' data-src=https://sATES.jpg>
<img class="tested" style='display:none' data-src=https://sATES2.jpg>
<img class="tested" style='display:none' data-src=https://sATES3.jpg>