如何在加载后淡入折叠之上的图像？

-1

我的网站上方有一个大图像，需要几秒钟才能加载，一旦加载，它就会闪现。有没有办法用jQuery捕捉这个动作，并使其淡入淡出以使它在加载时感觉更好一些？如何在加载后淡入折叠之上的图像？

因此，真正的问题是，onload，有没有一种方法可以阻止图像加载jQuery，然后用fadeIn（）轻轻淡入？

2013-10-10 user2413333

如果它是一个jpg图像，请使用'Progressive'而不是基线进行保存。这将使它看起来好像正在淡入，而不是从顶部到底部（基线）加载。 AFAIK，没有办法控制图片加载的方式，但是你可以通过将它放在一个div中，使其具有'display：none'的风格，并且在图片加载完成时淡入其中，或者只是显示它。 –

我的确想到了这一点，但主要的形象将会改变，我可能无法控制新的形象，这意味着我不能确定它每次都会进步。我希望jQuery能够阻止它形成加载，然后轻轻地淡入淡出 – user2413333

是的，您可以将它放在一个隐藏的div中，直到它完全加载，并且在图像完全加载后可以淡入它。 –

您可以停止加载图像，通过将其放置在一个隐藏的div，而且比你能证明它时，页面加载或加载时的图像......在隐藏DIV例

配售IMAGE ：

HTML：

<div class="hidden"> 
    <img src="path/to/image.jpg" alt="" /> 
</div>

CSS：

.hidden { 
    display: none; 
}

jQue RY：

$(window).load(function() { 
    $(".hidden").fadeIn(); 
});

直接在图像例：

HTML：

<img class="hidden" src="path/to/image.jpg" alt="" />

CSS：

.hidden { 
    display: none; 
}

的jQuery：

$(".hidden").load(function() { 
    $(this).fadeIn(); 
});

来源

2013-10-10 02:16:39

如何在加载后淡入折叠之上的图像？

回答

相关问题