onMouseOver

ab6499

Nuovo Utente
14 Mag 2008
8
0
0
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

Utente Attivo
5 Mar 2003
5.176
10
38
43
Napoli
www.lucaruggiero.it
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 ;)
 

Angelo Curti Canetti

Nuovo Utente
5 Set 2014
4
0
0
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

Utente Attivo
28 Feb 2013
3.069
195
63
Lombardia
Codice:
parent.anteprima.document.getElementById("immagine ").innerHTML = "<img src='img/grande_" + ID + ".jpg'>";

c'è uno spazio di troppo dopo "immagine"
ciao
Marino
 
Discussioni simili
Autore Titolo Forum Risposte Data
T [PHP] [HTML] Action direttamente associate a onmouseover PHP 11
L onmouseover su div parenti indesiderato HTML e CSS 3
F onmouseover Javascript 3
K onMouseOver su immagine Javascript 2
P onmouseover e onmouseout su hotspot Javascript 15
G Onmouseout e onmouseover funziona solo lato backend Joomla 0
K onmouseover anteprima immagine come in google Javascript 2
LolliPoppingu Problema "onmouseover". HTML e CSS 24
H Funzione onmouseover per mostrare un box con un link da cliccare? Javascript 3
B onmouseover, immagini multiple su hotspot map Javascript 3
S Codice OnMouseOver Javascript 6
I onclick non cambia l'immagine invece onmouseOver e Out si Javascript 9
K Script - onmouseover compaiono immagine e testo Javascript 15
elilabruja onmouseover in php PHP 9
E [JAVA] modificare Script per evento onmouseover Javascript 0
T Aiuto effetto onmouseover immagine si allunga e compare testo Javascript 0
I onMouseOver su immagini Javascript 23
K testo ed img alternati con onmouseover Javascript 5
K onmouseover HTML e CSS 8
J OnMouseover Slideshow Javascript 0
T Onmouseover slideshow Javascript 3
K onmouseover in altro frame Javascript 2
D Problema onmouseover Javascript 0
Z png: OnMouseOver e UseMap Javascript 5
S Usare onmouseover con 'campo immagine' e non al tag <img> Javascript 3
D evento onmouseover Javascript 9
sbobby OnMouseOver HTML e CSS 3
H problemi con onmouseover e GetElementById Javascript 1
M OnMouseOver non funziona Javascript 1
purno Cambio immagine con onMouseOver: HTML e CSS 7
§ onmouseover finestrella Javascript 2
C Marquee verticale che si ferma onmouseover HTML e CSS 8
W OnMouseOver su una map area HTML e CSS 5

Discussioni simili