如何在加載後淡入摺疊之上的圖像？

-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

如何在加載後淡入摺疊之上的圖像？

回答

相關問題