Tengo el siguiente código desarrollado por mi:
Código HTML:
<map name="Map">
<area shape="rect" coords="321,3,360,27" a href="#" onclick="document.getElementById('imagenit').setAttribute('src', 'imágenes/imagen1.jpg')"; >
</map> Ese botón, al pulsarlo, lo que hace es cambiar una imagen por otra situada en un div. El problema es que quiero que conforme lo vaya pulsando, me vaya cambiando la imagen que hay en ese momento por la siguiente.
Ej:
imagen1, al pulsar el botón se cambia por imagen2, al volverlo a pulsar por imagen3, etc...
En resumen, no se cómo hacer que cambie el:
Código HTML:
'imágenes/imagen1.jpg'
del código.
He pensado en añadirle una variable sumatoria, pero en javascript no se hacerlo... en php sería algo como:
Código PHP:
echo "...('imagenit').setAttribute('src', 'imágenes/imagen".$suma.".jpg')'; >";
donde $suma iría tomando valores 1, 2, 3....
Gracias de antemano!