Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

leo_rsouza

Replace em imagens

Recommended Posts

Bom dia

 

tenho uma funçao que altera a imagem maior da página. Assim, tem uma imagem em destauqe e várias outras imagens menores na página, abaixo dessa maior...

dai quando alguem clica na menor, ela passa a ser a maior e a que esta maior vai para o lugar dessa, so que menor.

 

A funcção é seguinte:

function setImage(thumbName) {	var tmpImg;	tmpImg = thumbName.src;	thumbName.src = document.mainImg.src;	document.mainImg.src = tmpImg;}

só que é o seguinte, ao trocar a imagem, eu preciso alterar alguma coisa na src dela !!!! tipo.....vamos supoir que a imagem maior seja <img src='oi1.gif'>, quando ela FOR para a menor, ela tem que passar a ser <img src='oi2,gif'> ...

tipo eu preciso usar algo parecido com o Replace, para trocar o 1 pelo 2, por exemplo.....

 

Será que alguem poderia me ajudar ??

 

vlws

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tenta algo assim:

 

 

<script>function TrocaImagem(porqual){    imgG = document.getElementById('imgGrande');    imgGSrc = imgG.src; //Guarda o SRC da imagem maior       imgPq = porqual.src; // Guardo o SRC da imagem menos   time = new Date();   imgG.src = imgPq + "?"+time; //Coloca o SRC da MENOR na MAIOR   porqual.src=imgGScr+ "?"+time;//Coloca o SRC da MAIOR na MENOR   /// O time serve para não haver problemas de cache...    }</script><body>  <img src = 'imagem.gif' id='imgGrande' width='50' height='50'>  <img src = 'imagem.gif' onClick='TrocaImagem(this)' width='10' height='10'>  <img src = 'imagem.gif' onClick='TrocaImagem(this)' width='10' height='10'>  <img src = 'imagem.gif' onClick='TrocaImagem(this)' width='10' height='10'></body>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.