onMouseOver

ab6499 · 2008-08-22T10:30:56+0200

Salve a tutti.
Sto cercando uno script che mi faccia quanto segue:
al passaggio del mouse su una immagine in miniatura visulizza la stessa immagine grandezza naturale però in un altro frame della pagina.
Qualcuno mi sa dare indicazioni?

Grazie in anticipo a tutti

lukeonweb · 2008-08-22T15:18:28+0200

Che carina sta cosa, mi diverte

Prova cosi:

<script type="text/javascript">
function Visualizza(ID)
{
parent.anteprima.document.getElementById("immagine").innerHTML = "<img src='grande_" + ID + ".jpg'>";
}
</script>

<a href="#" onmouseover="Visualizza(1)"><img src="piccola_1.jpg" border="0"></a>
<a href="#" onmouseover="Visualizza(2)"><img src="piccola_2.jpg" border="0"></a>
<a href="#" onmouseover="Visualizza(3)"><img src="piccola_3.jpg" border="0"></a>

<iframe src="frame.html" name="anteprima"></iframe>

Nota che non ho usato i frame ma gli iframe, ma in una struttura con i frame reali è la stessa cosa.

Nel file "frame.html" (che richiamo nell'iframe) scrivi questo:

<div id="immagine"></div>

Fammi sapere se funziona, non l'ho testato

ab6499 · 2008-08-22T22:35:18+0200

Ti confermo che funziona!
Bravissimo!

Grazie e..alla prossima ;-)

lukeonweb · 2008-08-23T18:19:34+0200

ab6499 ha scritto:
Bravissimo!

Grazie :tifoso:

Angelo Curti Canetti · 5 Set 2014

ciao, scusa se riapro una discussione di un miliardo di anni fa, ma a me servirebbe la stessa identica cosa solo che il tuo codice non funziona..come potrei fare???ho scritto nella pagina eventi.html

HTML:

<html>

<script type="text/javascript">
function Visualizza(ID)
{
parent.anteprima.document.getElementById("immagine ").innerHTML = "<img src='img/grande_" + ID + ".jpg'>";
}
</script>


<a href="#" onmouseover="Visualizza(1)"><img src="img/piccola_1.jpg" border="0"></a>
<a href="#" onmouseover="Visualizza(2)"><img src="img/piccola_2.jpg" border="0"></a>
<a href="#" onmouseover="Visualizza(3)"><img src="img/piccola_3.jpg" border="0"></a>

<iframe src="frame.html" name="anteprima"></iframe>

</html>

mentre come hai detto tu nel file frame.html

HTML:

<html>
<div id="immagine"></div>
</html>

dove sbaglio?

marino51 · 5 Set 2014

Codice:

parent.anteprima.document.getElementById("immagine ").innerHTML = "<img src='img/grande_" + ID + ".jpg'>";

c'è uno spazio di troppo dopo "immagine"
ciao
Marino

Angelo Curti Canetti · 8 Set 2014

grazie mille!!!

Cerca

Cerca

onMouseOver

ab6499

Nuovo Utente

lukeonweb

Utente Attivo

ab6499

Nuovo Utente

lukeonweb

Utente Attivo

Angelo Curti Canetti

Nuovo Utente

marino51

Utente Attivo

Angelo Curti Canetti

Nuovo Utente

Discussioni simili