2 replies to this topic

[Maykel Esser]

Olá galera!

Tenho uma imagem que substitui o H1 do site, e gostaria que, ao passar o mouse em cima, o mesmo se tranformasse em outra imagem, porém com um fade...

tentei de diversas maneiras, e nenhuma deu certo até agora... o que pode estar errado?

resolvido:

var elemento = "h1 a";		if($(elemento).attr("class") == ""){			$(elemento).css("background","url(/site/imagens/themeTorriton/logo.png) no-repeat");		}		$(elemento).hover(function(){			$(elemento).fadeOut("slow",function(){ 				$(elemento).css("background","url(/site/imagens/themeTorriton/esfera.png) no-repeat").fadeIn("fast");			});		},function(){			$(elemento).fadeOut("slow",function(){ 				$(elemento).css("background","url(/site/imagens/themeTorriton/logo.png) no-repeat").fadeIn("fast");			});		});

[webbruno]

hm..colocando o css entre chaves?

$(elemento).css({"background":"url(/site/imagens/themeTorriton/logo.png) no-repeat"});

[Franklin Javier]

E o que acontece???

Olá galera!

Tenho uma imagem que substitui o H1 do site, e gostaria que, ao passar o mouse em cima, o mesmo se tranformasse em outra imagem, porém com um fade...

tentei de diversas maneiras, e nenhuma deu certo até agora... o que pode estar errado?

resolvido:

var elemento = "h1 a";		if($(elemento).attr("class") == ""){			$(elemento).css("background","url(/site/imagens/themeTorriton/logo.png) no-repeat");		}		$(elemento).hover(function(){			$(elemento).fadeOut("slow",function(){ 				$(elemento).css("background","url(/site/imagens/themeTorriton/esfera.png) no-repeat").fadeIn("fast");			});		},function(){			$(elemento).fadeOut("slow",function(){ 				$(elemento).css("background","url(/site/imagens/themeTorriton/logo.png) no-repeat").fadeIn("fast");			});		});