al click, cambia immagine nel div senza ricaricare pagina

[Osterello]

il titolo dice già tutto, premetto che non posso usare iframe visto che ne ho già usato uno.

al clic su un bottone, l'immagine in un div deve cambiare.
come posso fare?

l'esempio è su www.sdpautotrasporti.it/alecastiglioni

[pierofix]

Ecco una soluzione in javascript.

function cambia() {
   document.getElementById("miaimmagine").src = "nuovaimg.gif";
}

[img]...[/img]
Cambia img

Dove javascript è scritto tutto attaccato e nuovaimg.gif è il percorso dell'immagine nuova.

[Osterello]

mi sembra perfetto!GRAZIE!

però come faccio se ne devo visualizzare più di una? cioè, ho per esempi 5 miniature, e al click me le deve ingrandire nel div?

il div poi si ridimensiona in base al contenuto?

[pierofix]

No. Dovresti o usare un tag SPAN, oppure dare proprietà display:inline; al div.

[Osterello]

per il discorso invece di più immagini?

grazie

[pierofix]

Cioè?

[Osterello]

guarda il link sopra

ad ogni quadratino, al clic, deve caricare nel div una foto diversa.

come modifico lo script?

[pierofix]

Ah, ho capito.

Semplice, basta fare una piccola modifica alla funzione:

function cambia(imma) {
   document.getElementById("miaimmagine").src = imma;
}

[img]...[/img]
Img 1
Img 2
Img 3

Ovvero passi come parametro alla funzione il percorso dell'immagine nuova.

[Osterello]

grazie per l'aiuto, ma non riesco a capire nell'ultimo script dove passo il nome e il percorso dell'immagine.

Cioè, dove dico he le foto sono in /img/foto.jpg o /img/foto2.jpg ?

Grazie ancora pierofix , è la gente come te che fa crescere questo forum!!!

[Osterello]

up