Sostituire immagini in sequenza

[syrmos]

Salve a tutti.
Come da oggetto,sto provando a far cambire immagine con un click su una di partenza.Ho visto nel forum che ci possono esser altri modi per farlo, ma al momento vorrei capire dov'è che sto sbagliando.

Grazie

<script language="javascript">

var currrentFeature ="1";
function featureTeaser()
{
if (currrentFeature =="1")
{
document.GetElementById("i2").src ="img.jpg"
currentFeauture = "2"
}
else if (currentFeauture = "2")
{
document.GetElementById("i2").src ="img4.jpg"
currentFeauture = "3"
}
else
{
location.href= "img2.jpg"
}
}
</script>

<div id="i2"> 
<a href="javascript:featureTeaser()"><img src="img1.jpg" width="450" height="450" alt="provaa"></div>

 

[Nefyt]

C'erano diversi errorucci, te l'ho un po corretto e abbreviato ora dovrebbe funzionare

<script language="javascript">

var currentFeature =1;
function featureTeaser(){
if (currentFeature==1)
{
    document.getElementById("i2").getElementsByTagName('img')[0].src ="img.jpg";
    currentFeature = 2;
}
else if (currentFeature == 2)
{
   document.getElementById("i2").getElementsByTagName('img')[0].src ="img4.jpg";
   currentFeature = 3;
}
else location.href= "img2.jpg";
}
</script>
<div id="i2"> 
<a href="javascript:featureTeaser()"><img src="img1.jpg" width="450" height="450" alt="provaa"></a></div>

 

[syrmos]

Perfetto grazie!!
Ultime 2 cose:
1)C'è un modo meno roncio x tornare alla foto iniziale rimanendo sempre nella solita pagina?
Ho provato con

else location.href= "prova3.html";

ma non mi sembra una soluzione molto efficace.
2)Nella funzione

document.getElementById("i2").getElementsByTagName('img')[0].src ="img.jpg";

non capisco il significato dello zero nelle parentesi quadre

[0]

.
Di conseguenza la domanda ne implica un'altra:se puoi consigliarmi una buona guida gratuita per imparare il inguaggio.

Grazie ancora

 

[Nefyt]

Perfetto grazie!!
Ultime 2 cose:
1)C'è un modo meno roncio x tornare alla foto iniziale rimanendo sempre nella solita pagina?
Ho provato con

else location.href= "prova3.html";

ma non mi sembra una soluzione molto efficace.

Come mai?

2)Nella funzione

document.getElementById("i2").getElementsByTagName('img')[0].src ="img.jpg";

non capisco il significato dello zero nelle parentesi quadre

[0]

.
Di conseguenza la domanda ne implica un'altra:se puoi consigliarmi una buona guida gratuita per imparare il inguaggio.

Ciò che ritorna dopo il metodo getElementsByTagName('img') è un array degli elementi con quel tag, e dato che la tua immagine era la prima si cambia quella, di guide gratuite buone a mio parere non ce ne sono, o meglio ce ne sono ma per argomenti mirati non un quadro generale, per questo consiglio sempre di usare google cercando ciò che serve se non si ricorda.

Comunque per imparare le basi ce ne sono molte, vedi anche questa https://www.mrw.it/javascript/guide/guida-javascript/

 

[syrmos]

Con

else location.href= "prova3.html";

mi ricarica l'intera pagina, io vorrei soltanto ritornare all'immagine iniziale con lo stesso procedimento visto finora (click sull'immagine).
Grazie tante per le dritte!