默認圖像如果沒有找到src圖像導致每個重新渲染造成惱人的重繪

所以我使用這個awesome answer來嵌入一個默認圖像，如果我找不到一個。這對所有初始加載都很有效，但我在包含這個對象/圖像標籤的單元格上有一些點擊監聽器，並且每次點擊時，我都必須使用jQuery重新渲染單元格。默認圖像如果沒有找到src圖像導致每個重新渲染造成惱人的重繪

當圖像存在的單元格發生重新渲染時，一切都很好。但是對於需要使用默認圖像的單元格，用戶會看到重新渲染/重新繪製的快閃，因爲它會嘗試渲染不存在的第一個圖像，並且該圖像失敗，然後進入並獲取默認圖像。但是，那種讓圖像消失然後瞬間回來的小舞會讓人很煩惱。有沒有辦法解決這個問題？就像一個「不要刷新本節，直到你知道要加載哪個圖像」這種事情？

片段看起來是這樣的：

<body> 
    <object data="http://example.com/<@ someImageBasedOnSomeVariable @>"> 
    <img src="http://example.com/default.png"> 
    </object> 
</body>

來源

2013-05-01 Ovi Tisler

您可以使用.error和.load功能：

$("img") 
.load(function() { //run stuff normally }) 
.error(function() { //run stuff with the default image })

來源

2013-05-01 13:41:46 Pete

默認圖像如果沒有找到src圖像導致每個重新渲染造成惱人的重繪

回答

相關問題