Como puedo recargar una imagen al pulsar un boton/enlace

[PabloPF]

Hola, mi duda es si puedo recargar una imagen (y solo la imagen no la página entera), mediante un botón o enlace. Gracias

[maycolalvarez]

modifica el atributo src del tag IMG

[IsaBelM]

mira este ejemplo

[PabloPF]

gracias a los dos ya me funciona!

[PabloPF]

ahora tengo otro "problema", este es el codigo que uso:

Código Javascript:

function changeSrc()
 
  {
 
  document.getElementById("myImage").src="img2.png";
 
  }
 

Código HTML:

<img id="myImage" src="img.png" border="0" />
 
 <input type="button" onclick="changeSrc()" value="Change image" />
 

mi duda es como puedo cambiar a la img.png si el src es img2.png

[IsaBelM]

primero has de obtener el valor del src que se está visualizando en ese momento

document.getElementById("myImage").src.split('/')[parseInt(document.getElementById("myImage").src.sp lit('/').length-1)]

ahora usa la estructura de control swicth para cambiar el src dependiendo del valor que obtengamos

[PabloPF]

como uso swicht

Código Javascript:

function changeSrc()
switch(document.getElementById("myImage").src.split('/')[parseInt(document.getElementById("myImage").src.sp lit('/').length-1)])
 
  {
case 1:
 
  document.getElementById("myImage").src="img.png";
case 2:
  document.getElementById("myImage").src="img2.png";
default:
  document.getElementById("myImage").src="img.png";
 

asi esta mal, verdad?

[IsaBelM]

sí, está mal

case 'img.png' :
document.getElementById("myImage").src='img2.png';
break;
.......

[PabloPF]

Lo tengo puesto así:

Código Javascript:

<script type="text/javascript">
 
function changeSrc()
switch(document.getElementById("myImage").src.split('/')[parseInt(document.getElementById("myImage").src.sp lit('/').length-1)])
 
  {
case 'img2.png':
 
  document.getElementById("myImage").src='img.png';
break;
case 'img.png':
  document.getElementById("myImage").src='img2.png';
break;
default:
  document.getElementById("myImage").src='img.png';
 
  }
 
</script>
 

y no me funciona

[IsaBelM]

te faltan

function changeSrc() {
switch(document.getElementById("myImage").src.spli t('/')[parseInt(document.getElementById("myImage").src.sp lit('/').length-1)])

{
case 'img2.png':

document.getElementById("myImage").src='img.png';
break;
case 'img.png':
document.getElementById("myImage").src='img2.png';
break;
default:
document.getElementById("myImage").src='img.png';

}
}

[PabloPF]

Ah no era eso, es que estaba mal escrito esto:
switch(document.getElementById("myImage").src.spli t('/')[parseInt(document.getElementById("myImage").src.sp lit('/').length-1)])

Muchas gracias por tu ayuda!

[IsaBelM]

eso es un error que comete el foro
como definir una función