Immagini che cambiano: help!!!

**CarlaValenti** · 16-01-2004, 18:47

Ciao ragazzi come va?

Mi chiamo Carla e, anche se conosco html.it, sono nuova del forum.
Sono arrivata qui perchè ho un problema e spero che mi saprete aiutare. Sto preparando una scheda di lavoro in html per un esame e vorrei inserire un'immagine che, una volta cliccata, cambia e che, cliccata un'altra volta, ritorna come prima. Per capirci, vorrei inserire 4 carte dove è possibile cliccare per vedere il retro (senza cambiar pagina però).
Adesso... Ho trovato proprio qui uno script del genere (Permette di cambiare l'immagine, una volta cliccata, e ritorna come prima quando il mouse esce dall'area della carta) e, inserito nell'html di front-page, funziona. Ma, quando inserisco di nuovo il codice (le carte devono essere 4, quindi devo inserire 4 volte il codice), non funziona più nulla. Front page mi scombina tutto il codice

Come posso fare a trovare uno script più agevole da usare? Potete aiutarmi...? E' urgente perchè devo consegnare la scheda la prossima settimana.
Vi ringrazio anticipatamente per la risposta e vi auguro un buon fine-settimana!

Carla

**DaN2** · 16-01-2004, 18:48

Originariamente inviato da CarlaValenti
Ciao ragazzi come va?

Mi chiamo Carla e, anche se conosco html.it, sono nuova del forum.
[...]uno script più agevole da usare? Potete aiutarmi...? E' urgente perchè devo consegnare la scheda la prossima settimana.
Vi ringrazio anticipatamente per la risposta e vi auguro un buon fine-settimana!

Carla

io proverei usando i layer comunque è meglio se te lo fai spostare su html, non è un problema grafico.

**CarlaValenti** · 16-01-2004, 18:52

Sarebbe ottimo farlo spostare su html. Non so cosa siano i layer... Putroppo sono una neofita...! Qualcuno ne sa qualcosa???

**var** · 16-01-2004, 18:57

prova così:

codice:

<script language="JavaScript">

var immagini=new Array("immagine01.gif", "immagine02.gif", "immagine03.gif", "immagine04.gif");
var indice=0;

function cambiaimmagine() {
 if (indice<4) indice++;
 else indice=0;
 document.images['myimg'].src=immagini[indice];
}

</script>

da richiamare così:

codice:

[img]immagine01.gif[/img]

ciao

**CarlaValenti** · 16-01-2004, 18:58

Aspetta! Puoi spiegarmi, per favore, come devo usarlo?

**var** · 16-01-2004, 19:05

Originariamente inviato da CarlaValenti
Aspetta! Puoi spiegarmi, per favore, come devo usarlo?

certamente. :)
metti questa roba qui tra i tag <head> e </head> della tua pagina, così:

codice:

<head>

<script language="JavaScript">

var immagini=new Array("immagine01.gif", "immagine02.gif", "immagine03.gif", "immagine04.gif");
var indice=0;

function cambiaimmagine() {
 if (indice<4) indice++;
 else indice=0;
 document.images['myimg'].src=immagini[indice];
}

</script>

</head>

e, infine, metti questo codice dove vuoi visualizzare l'immagine:

codice:

[img]immagine01.gif[/img]

fammi sapere se ti serve una mano. ;)

ciao

**CarlaValenti** · 16-01-2004, 19:05

L'ho appena provato ma non funziona... Forse sbaglio qualcosa?

**CarlaValenti** · 16-01-2004, 19:06

Grazie, ma cosa devo cambiare?

**var** · 16-01-2004, 19:11

Originariamente inviato da CarlaValenti
Grazie, ma cosa devo cambiare?

vedi qui?

codice:

var immagini=new Array("immagine01.gif", "immagine02.gif", "immagine03.gif", "immagine04.gif");

al posto di "immagine01.gif", "immagine02.gif" etc. metti i quattro nomi dei file-immagine che vuoi visualizzare quando fai clic.

inoltre, qui:

codice:

[img]immagine01.gif[/img]

al posto di "immagine01.gif" metti il nome del file-immagine iniziale (la prima immagine della sequenza).

ciao

**CarlaValenti** · 16-01-2004, 19:12

Ancora grazie, ma supporta le immagini in jpg?

Discussione: Immagini che cambiano: help!!!

Strumenti discussione

Ricerca discussione

Visualizza

Immagini che cambiano: help!!!

Re: Immagini che cambiano: help!!!

Permessi di invio