¡Gracias venkman!
Ahora al pasar el cursor por encima el efecto funciona bien, sin embargo si lo dejo sobre el logo, la capa desaparece y aparece continuamente.
También cuando dejo de hacer hover el logo sigue como cuando tengo el cursor por encima.
Me explico un poco mejor:
Ahora uso este código:
Código javascript
:
Ver originaljQuery(".blank").mouseover(function(){
jQuery("#logo").fadeOut("normal", function() {
jQuery("#logo").css({ background: 'url(logo.png) no-repeat 0px -100px', }, function() {
jQuery("#logo").fadeIn("normal");
});
});
});
jQuery(".blank").mouseout(function(){
jQuery("#logo").fadeIn("normal");
jQuery("#logo").css({ background: 'url(logo.png) no-repeat 0px 0px', });
});
Si trato de usar el mismo código en el mouseover y el mouseout, el logo desaparece después de pasar el cursor por encima.
Si uso el código que tengo ahora, al pasar por encima del logo el cursor aparece el logo-hover, pero al quitar el cursor de encima del logo y detener el hover no reaparece el logo original.
Si mantengo el cursor encima del logo durante un tiempo, el logo aparece y desaparece continuamente.
Creo que estoy complicando mucho la cosa... no hay ningún modo de que al hacer hover aparezca el "logo-hover" con un pequeño efecto de transformación (algo como
esto).