Click cambia immagine

[maxtn]

Ciao, vorrei che cliccando su un'immagine questa venga sostituita da una + grande e viceversa, tipo uno zoom.

Ho trovato questo ma funziona solo 1 volta, vorrei che cliccando di nuovo tornasse la prima immagine.


<script>
function cambia_immagine(quale,nuova){
document.images[quale].src=nuova
}
</script>

[img]../img/prima.png[/img]

Se qualcuno mi consiglia qualche altro modo per farlo... grazie!

[Steph]

ciao

potresti ad esempio fare questa modifica alla funzione:

function cambia_immagine(quale,nuova,vecchia){
if (document.images[quale].src == vecchia)
document.images[quale].src=nuova
else
document.images[quale].src=vecchia
}

[pariri]

Provo a darti una mano...

fai un semplice rollover:

onmouseover="this.src='imggrande.jpg'" onmouseout="this.src='imgpiccola.jpg'"

[maxtn]

Originariamente inviato da pariri
Provo a darti una mano...

fai un semplice rollover:

onmouseover="this.src='imggrande.jpg'" onmouseout="this.src='imgpiccola.jpg'"

Però non vorrei farlo quando ci passo col mouse sopra, vorrei dover cliccare.

[maxtn]

Originariamente inviato da Steph
ciao

potresti ad esempio fare questa modifica alla funzione:

function cambia_immagine(quale,nuova,vecchia){
if (document.images[quale].src == vecchia)
document.images[quale].src=nuova
else
document.images[quale].src=vecchia
}

Come devo modificare questo:

[img]../img/prima.png[/img]

[Steph]

Originariamente inviato da maxtn
Come devo modificare questo:

[img]../img/prima.png[/img]

onClick="cambia_immagine('prima','../img/seconda.png', '../img/prima.png')

prova un po

[maxtn]

Non funziona, dove sbaglio? non ci capisco molto di funzioni!

<script>
function cambia_immagine(quale,nuova,vecchia){
if (document.images[quale].src == vecchia)
document.images[quale].src=nuova
else
document.images[quale].src=vecchia
}
</script>
<?php
echo <<< END
[img]../img/orgcbe_p.png[/img]
END;
?>

[Steph]

Originariamente inviato da maxtn
Non funziona, dove sbaglio? non ci capisco molto di funzioni!

<script>
function cambia_immagine(quale,nuova,vecchia){
if (document.images[quale].src == vecchia)
document.images[quale].src=nuova
else
document.images[quale].src=vecchia
}
</script>
<?php
echo <<< END
[img]../img/orgcbe_p.png[/img]
END;
?>

essendo tutto corretto il problema e` sicuramente che all'inizio lui ti carica l'immagine col percorso assoluto tipo file://

puoi risolvere in fretta sostituendo

if (document.images[quale].src == vecchia)
con
if (document.images[quale].src.indexOf("orgcbe_p.png") != -1)

(controlli che ci sia il nome dell'immagine nel path...)

[maxtn]

Funziona! grazie mille!

è possibile farlo con 3 immagini?

[Steph]

Originariamente inviato da maxtn
Funziona! grazie mille!

è possibile farlo con 3 immagini?

certo