使用jQuery Ajax請求交換圖像src

Question

我有一個帶有默認src設置的<img src="..." />標簽。 我想讓jQuery發出一個ajax請求來獲取另一個圖像，當這個新圖像被完全加載時，設置<img ... />標簽的src，這樣就沒有閃爍。 我不想做任何像new Image().src="foo"等預加載器。我真的很喜歡加載ajax請求的iamges。 有任何想法嗎？

Answer 1

您無法將圖像的“部分”加載到網頁上，因此無法以遞增方式加載它。

可以使用CSS類指向圖像或使用Javascript的Image對象來加載圖像。

由於CSS無法通知頁面圖像是否完全加載所以接近新的Images（）。src =“foo”是最好的。

將事件附加到它並“裝飾”它以減少FX效應的閃爍：淡入，....