Question

I’m making a map that when you put mouse over a name in a list the <img>of the map change the src attribute to the map image with that zone highlighted, I only use the .attr() method of jquery to change it like this.

$("img.map").attr("src","newmap.png");

It works great in all browser but firefox, when the image change, first the old one disappear then there’s a short time when there is nothing displayed and then the new image appears, how could I do this change smoothly in firefox like chrome or IE do??
(The time is really short but when moving the mouse through the directory the image disappear for the whole time the mouse is moving).
Or may be you know a better way to accomplish that effect. Thanks

Answer 1

Try preloading your images. The blink occurs as the new image is being loaded by the browser.