jQuery replaceWith函數flash

我使用jquery.replaceWith（）函數..它工作正常，但是當我在圖像上使用它時，它會創建一個flash。我的意思是它代替圖像-a圖像-b，但圖像-a被刪除，圖像-b被加載，沒有任何東西，所以這個盒子的高度爲0px，並且使所有的平鋪變化爲1秒，並且閃爍的一切...jQuery replaceWith函數flash

我應該使用什麼，或如何使replaceWith（）把圖像只有在它已被加載後，所以更換它將是瞬間的。

你可以看看NextGen的畫廊圖像瀏覽器枝節問題就在這裏 http://mecanomedic.com/cms/

來源

2011-04-15 menardmam

你只是改變圖像的'src'？ – drudge 2011-04-15 00:05:53

你是否總是用一幅圖像替換一幅圖像？ – Khez 2011-04-15 00:08:20

我改變了很多東西，上一頁按鈕ref，下一個按鈕ref，燈箱clik ref等等...... – menardmam 2011-04-15 00:10:13

因爲你的圖像的尺寸都是一樣的，你可以指定在<img>標籤尺寸：

<img class="slideshow" src="/path/to/my/image001.jpg" width="267" height="200">

或用CSS：

.slideshow { 
    height: 267px; 
    width: 267px; 
}

這應該避免的元件將改變大小而新的圖像加載。

此外，你可能想簡單地改變<img>標籤的src，而不是更換整個DOM項：

$(currentimage).attr('src','/path/to/my/image002.jpg');

來源

2011-04-15 00:17:19 drudge

jQuery replaceWith函數flash

回答

相關問題