在DOM就绪之前使用jQuery创建Fadein图像

我正试图让我网站上的所有图片都显示淡入效果，比如www.blu-ray.com，但还没有成功

不幸的是，在我这样做的过程中，由于我的网页主体有点大，图像开始在$（document）之前显示和呈现。就绪，因此当DOM就绪时，我使用的脚本将导致已加载的图像隐藏并再次出现！在页面开始加载时，是否有任何方法阻止图像显示并使其可见性变为“隐藏”

请不要使用CSS！ 以下是我正在使用的脚本：

jQuery(document).ready(function() {
    jQuery('img').css("opacity", 0).css("visibility", "hidden");
    jQuery('img').each(function(i) {
        if (this.complete) {
            jQuery(this).css("opacity", 1).css("visibility", "visible");
        } else 
            jQuery(this).load(function() {
                jQuery(this).css("opacity", 0).css("visibility", "visible").animate({opacity: '1'}, 'slow');
            });
    });
});

---

感谢您的帮助。

使用CSS设置可见性

CSS

JS

---

是的，将图像设置为隐藏在CSS中，否则将继续使用。但是blu-ray.com是如何做到这一点的呢？他们在css中没有隐藏img标签的属性！谢谢，但我想我说了没有CSS。假设用户位于不支持javascript或禁用javascript的客户端上，则不会显示任何图像。那怎么办？我只想和蓝光网一样！知道了！我只是想确定客户端是否也启用了javascript！只需要将此添加到我的文档的开头

document.write（“img{visibility:hidden；}”）谢谢大家。
img{
   visibility:hidden;
}

jQuery(document).ready(function() {
   jQuery('img').load(function() {
       jQuery(this).css({"opacity": 0, "visibility": "visible"}).animate({opacity: '1'}, 'slow');            
    });
});