Jquery，隐藏img onload

Question

我希望在刚加载页面时隐藏图像。我可以致电$('#imgName').show()来显示图片。

但是，我有

$(document).ready(function() {
    $("#imgName").hide();
});

但是图像在开始时仍然闪烁。

你如何摆脱这种闪光效应？

Answer 1

使用CSS'display：none;'使它在负载时不可见。

Answer 2

这是因为javascripts是在html之后加载的，最接近的解决方案是使用css

img#imgName{display:none}

Answer 3

尝试使用CSS初始隐藏图像。 Javascript将在CSS之后加载，通常是ergo，最初的flash。

Answer 4

您可以使用css隐藏图像。

display:none;