3 replies to this topic

[thescente]

galera fiz uma função simples pra mudar uma determinada imagem qdo passa o mouse emcima e qdo tira o mouse volta a outra mas nao ta rolando...

function mudaSeta(id){
var doc = document.getElementById(id);
if (doc.src == "img/obj_seta_cinza.jpg"){
  doc.src = "img/obj_seta_cinza2.jpg";
} else {
  doc.src = "img/obj_seta_cinza.jpg"
}
}

<img src="img/obj_seta_cinza.jpg" alt="" width="5" height="8" id="training"> <a href='#' class='link_prod' onMouseOver="mudaSeta('training');" onMouseOut="mudaSeta('training');">Training</a>

[cedamorim]

Correção :


function mudaSeta(id){
var obj =document.getElementById(id);
var caminho = obj.src;
var nome = caminho.split("/");
obj.src = (nome[(nome.length - 1)] == "nomedaimagem.jpg" ? "nomedaimagem2.jpg" : "nomedaimagem.jpg" );
}


Atenção , coloque apenas o nome da imagem.. mais nada..


O problema ae é que o javascript passa a URL inteira de onde esta a imagem..

Por isso não trocava certo..
Mais tenta deste jeito..


Até mais

Edição feita por: cedamorim, 26/12/2005, 13:48.

[thescente]

no caso eu nao poderia deixar o caminho da imagem /img?
teria q estar na raiz?

[cedamorim]

sim.. vc poderia passar o caminho da imagem

Por exemplo <img src="http://www.seusite.c...img/imagem.jpg" alt="">


Só que ae na função, na hora de comparar vc teria que comparar usando este endereço...


Exemplo :

function mudaSeta(id){
var doc = document.getElementById(id);
if (doc.src == "http://www.seusite.c...img/imagem.jpg"){
doc.src = "img/obj_seta_cinza2.jpg";
} else {
doc.src = "img/obj_seta_cinza.jpg"
}
}


T+ , espero ter ajudado