Problema con delay en jQuery

[miwelillo]

Saludos, acabo de crear un script para hacer un replace de una imagen cuando se pasa el raton por encima pero con el inconveniente de que se produce un pequeño retardo bastante molesto entre que se pone el raton encima y se cambia la imagen.
El codigo es este:

Código PHP:

  $(document).ready(function(){
    $('div.seeAdvertisers img').hover(function(){
        $(this).attr({src: "img/seeAdvertisers2.png", alt: "lo que sea"});
    }, function(){
        $(this).attr({src: "img/seeAdvertisers.png", alt: "lo que sea"});
    });
}); 
   

¿Sabeis si existe alguna manera de evitar este problema? Estoy probando con la funcion delay de jQuery pero no estoy consiguiendo gran cosa.

Un saludo y gracias :)

[hector2c]

el problema esta en las imagenes:
src: "img/seeAdvertisers2.png"

por que no las toma de la cache, si no las vuelve a descargar...

te recomendaria, agregar la imagen a un estilo y luego en el hover tener un addClass y un removeClass...

es lo mas recomendable...

[miwelillo]

Gracias, ya lo he arreglado. Al final he creado un script que hace un preload de las imagenes y asi no tiene que descargarlas de nuevo por si no las tengo metidas en el css directamente. De todos modos tu solucion de meterlas en el archivo css tambien es una buena opcion.

Un saludo!