Sostituire immagini in sequenza

syrmos

Nuovo Utente
7 Feb 2012
28
0
0
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

Codice:
<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>

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

Nefyt

Utente Attivo
17 Apr 2012
1.102
0
0
C'erano diversi errorucci, te l'ho un po corretto e abbreviato ora dovrebbe funzionare
Codice:
<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

Nuovo Utente
7 Feb 2012
28
0
0
Perfetto grazie!!
Ultime 2 cose:
1)C'è un modo meno roncio x tornare alla foto iniziale rimanendo sempre nella solita pagina?
Ho provato con
Codice:
else location.href= "prova3.html";
ma non mi sembra una soluzione molto efficace.
2)Nella funzione
Codice:
document.getElementById("i2").getElementsByTagName('img')[0].src ="img.jpg";
non capisco il significato dello zero nelle parentesi quadre
Codice:
[0]
.
Di conseguenza la domanda ne implica un'altra:se puoi consigliarmi una buona guida gratuita per imparare il inguaggio.

Grazie ancora
 

Nefyt

Utente Attivo
17 Apr 2012
1.102
0
0
Perfetto grazie!!
Ultime 2 cose:
1)C'è un modo meno roncio x tornare alla foto iniziale rimanendo sempre nella solita pagina?
Ho provato con
Codice:
else location.href= "prova3.html";
ma non mi sembra una soluzione molto efficace.
Come mai?

2)Nella funzione
Codice:
document.getElementById("i2").getElementsByTagName('img')[0].src ="img.jpg";
non capisco il significato dello zero nelle parentesi quadre
Codice:
[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

Nuovo Utente
7 Feb 2012
28
0
0
Con
Codice:
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!
 
Discussioni simili
Autore Titolo Forum Risposte Data
Erzsébeth Sostituire richiamo immagini PHP 4
D Sostituire img con altre img Photoshop 1
P [MS Access] Sostituire un carattere in tutta la tabella MS Access 11
Shyson [MySQL] Sostituire testo in in articolo MySQL 0
elpirata [MySQL] Sostituire valori campi con dati casuali MySQL 4
P [Photoshop] Sostituire i colori in modo preciso Photoshop 0
C [PHP] SOSTITUIRE VALORI DENTRO STRINGA PHP 0
elpirata [PHP] Sostituire if ed elseif con operatore ternario switch PHP 9
L [PHP] Sostituire link da stringa PHP 3
ecosito [WORDPRESS] Sostituire la cartella d'installazione? WordPress 2
S [Javascript] Sostituire elemento HTML preso randomicamente dentro array Javascript 1
M Sostituire le funzioni mysql con mysqli, ma quali? PHP 4
S Sostituire link con button. PHP 1
M sostituire parte di URL con espressioni regolari PHP PHP 8
Marco_88 Come sostituire valori in un campo per più oggetti. MySQL 2
JackIlPazzo Sostituire una riga specifica in un file di testo senza cancellare il rimanente PHP 13
A sostituire "onload" nel tag <img> con Js Javascript 17
max_400 Sostituire un div con un altro il comando innerHTML è bloccato Javascript 0
C Sostituire virgola con punto form PHP 2
P sostituire form con jquery jQuery 0
F sostituire un'immagine con jquery jQuery 2
felino Temperatura processore: soglia massima per sostituire pasta termica Hardware 2
Trapano sostituire iframe PHP 5
C Sostituire molte righe di codice PHP 2
L sostituire un carattere in una stringa acquisita da input jQuery 1
S sostituire codice html in molti file HTML e CSS 1
N [RISOLTO] Sostituire Input con a href PHP 10
Shyson Sostituire onclick Javascript 2
P Sostituire immagine in una cartella. PHP 6
M sostituire bottone con onchange submit Javascript 7
C In una textarea sostituire il carattere \n in <br/> Javascript 14
C Sostituire il comando body onload Javascript 30
IImanuII Php sostituire un iframe PHP 4
zighy Sostituire dati database PHP 7
M sostituire un valore con un altro corrispondente PHP 11
A Sostituire una sottostringa a una stringa data PHP 11
L Sostituire file_get_contents ? PHP 10
N leggere/sostituire/restituire file txt PHP 1
Z Onclick : sostituire odiosi "button" con semplici Links Javascript 13
U Sostituire le funzionalità di un pulsante con un testo HTML e CSS 0
S E' possibile sostituire un dominio con un altro? Domini 4
webbetto Sostituire un campo vuoto Database 4
E Come gestire al meglio le immagini legno grande formato Photoshop 0
M Random Immagini + Testi PHP 13
L form immagini per il database PHP 0
Ricky80 Coordinazione immagini HTML e CSS 4
P Percorsi e immagini. PHP 0
N Indicizzazione immagini su Google Google Search Console 0
L Import Immagini piattaforma IONIC Sviluppo app per Android 0
L Import massivo di immagini in tabelle piattaforma IONIC Presentati al Forum 1

Discussioni simili