Jump to content
s3c0

Alterar Imagem Javascript

Recommended Posts

Prezados, 

 

boa tarde. Estou tentando fazer um javascript para alterar imagem ao clicar. Qdo o click é efetuado, a imagem é alterada, porém não estou conseguindo mudar no 2º click.

 

Veja exemplo abaixo:

 

<script>
function add_favoritos(valor){
var favoritos1 = document.getElementById("favoritos");
	alert(favoritos1.src);
	if (favoritos1.src='arquivos/add_favoritos.png'){
		favoritos1.src='arquivos/add_favoritos1.png';
	}else{
		favoritos1.src='arquivos/add_favoritos.png';
	}
	alert(favoritos1.src);
}
</script>

<a>
<img height="30" src="arquivos/add_favoritos.png" name="favoritos" id="favoritos" border="0" onclick="add_favoritos('1')" alt="Adicionar aos Favoritos" title="Adicionar aos Favoritos"/></a>

 

Agora tem um outro caso, que ao trabalhar com o evento onmouseover e onmouseout , a imagem alterar com o passar do mouse, mas não muda com o click.

 

function add_favoritos(valor){
var favoritos1 = document.getElementById("favoritos");
	alert(favoritos1.src);
	if (favoritos1.src='arquivos/add_favoritos1.png'){
		favoritos1.src='arquivos/add_favoritos.png';
	}else{
		favoritos1.src='arquivos/add_favoritos1.png';
	}
	alert(favoritos1.src);
}

<a onmouseover="document.favoritos.src='arquivos/add_favoritos1.png'" onmouseout="document.favoritos.src='arquivos/add_favoritos.png'">
<img height="30" src="arquivos/add_favoritos.png" name="favoritos" id="favoritos" border="0" onclick="add_favoritos('1')" alt="Adicionar aos Favoritos" title="Adicionar aos Favoritos"/></a>

 

 

Alguém pode me dar uma luz onde estou errando?

Share this post


Link to post
Share on other sites

não muda porque tu estás a passar um valor fixo no click('1'). explica melhor o que precisa, que imagens são, de onde vem, se tem nomes padronizados tipo img1.png, img2.png e tal

Share this post


Link to post
Share on other sites

Olá @marsolim obrigado pela atenção.

 

aquele valor "fixo" seria o id do produto que estarei gravando no bd.

 

A minha intenção seria igual ao favoritos do MercadoLivre. Ao passar o mouse, ele muda de imagem e qdo clicar ele deixa "marcado" como produto favorito.

 

Sim, as duas imagens possuem os seguintes nomes:

add_favoritos.png (imagem padrão, qdo o produto ainda não foi marcado com favoritos)

add_favoritos1.png (imagem qdo o produto marcado como favoritos)

 

Não sei se ficou bem claro.

Share this post


Link to post
Share on other sites

Olá @marsolim,

 

estou retornando, pois consegui resolver. Tinha um erro no IF.

 

Segue correção, para se outros precisarem

 

<script>
function add_favoritos(valor){
var favoritos1 = document.getElementById("favoritos");
	alert(favoritos1.src);
	if (favoritos1.src=='arquivos/add_favoritos.png'){
		favoritos1.src='arquivos/add_favoritos1.png';
	}else{
		favoritos1.src='arquivos/add_favoritos.png';
	}
	alert(favoritos1.src);
}
</script>

<a>
<img height="30" src="arquivos/add_favoritos.png" name="favoritos" id="favoritos" border="0" onclick="add_favoritos('1')" alt="Adicionar aos Favoritos" title="Adicionar aos Favoritos"/></a>

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.