Suma en JS

[matiasbmx]

La verdad es que soy nuevo en esto del JS y llevo algo así como 4 horas creando un script que me permita hacer un simple script que al clikear una imagen, ésta se cambie por otra, ¿como lo hago?

Tengo una sucesión de archivos en /img/ llamados:
Hola_1.png
Hola_2.png
Hola_3.png
Hola_4.png

y así hasta llegar al 250

La idea es que al clickear, se sume +1 a la variable "global" y devolver el .src a la imagen, éste es mi script:


<img src="img/Hola_1.png" id="skin" onclick="javascript:sgte();">
<script type="text/javascript">
function sgte ()
{
suma = parseInt(suma)+1;
document.getElementById('skin').src = 'img/skins/Skin_'+suma+'.png';
}
</script>

La idea es que la variable suma se conserve, es decír, valla aumentando conforme cada vez el usuario clickee la imagen.

La verdad es que me he leído cuanta cosa he encontrado y buscado, y nada resulta.

Espero puedan ayudarme.

Saludos

[ipraetoriux]

...pues seria asi...en el html

Código HTML:

<img src="img/Hola_1.png" id="skin">
 

y en javascript...

Código Javascript:

var i = 1;
document.getElementById("skin").onclick = function(){
    ++i;
    document.getElementById("skin").src = "img/Hola_" + i + ".png";
}
 

..ahi funciona correctamente..

...comentario aparte, si te fijas, es muy diferente la ruta y el nombre de los archivos Hola_1, Hola_2, etc, etc..a los que pusistes dentro del Javascript..