[Risolto] Cambio immagini al passaggio del mouse

stefano24

[Risolto] Cambio immagini al passaggio del mouse

Salve, vorrei che si cambiasse un'immagine con un'altra al passaggio del mouse. Per ora ho inserito questo che non funziona.

[html]<A href="forum.livers2000.it"> <IMG src="livers2000.it/immagini/barhome.jpg" onmouseover="SwapImage('livers2000.it/immagini/barhome1.jpg')" onmouseout="SwapImage('livers2000.it/immagini/barhome.jpg')"></A>[/html]

Perchè non mi funge?
Grazie

olaola

Ciao Stefano24,

in che senso non funziona lo script? Non visualizzi nessuna immagine o l'immagine rimane sempre la stessa?

Non può essere che davanti a livers2000.it ci vada un http:// ?

E poi, il codice che stai editando stà sul server di livers2000.it? Perchè in quel caso puoi mettere anche il percorso relativo dei file, senza specificare il dominio.

stefano24

Dunque, nel codice che ho inserito nel messaggio non ho messo http//: perchè, come dovresti sapere, non mi è permesso ma nel mio sito c'è. Le immagini sono caricate su livers2000.it e il problema è che non riesco a cambiare immagini al passaggio del mouse mentre l'immagine si vede correttamente.

olaola

Hai ragione, dovrei sapere che non vi è consentito inserire http://, ma non mi è venuto in mente :).

Potresti postare il codice del Javascript che usi?

stefano24

Trovato, il problema stava proprio nel javascript ma anche onmouse stava dentro <img invece di <a

Per la cronaca riporto il codice:
[html]
<HTML>
<HEAD>
<script language=""JavaScript"">

</script>
</HEAD>
<body>
<a href="livers2000.it"
onMouseOver="cambia(img_c1,'livers2000.it/immagini/barhome1.jpg')"
onMouseOut="cambia(img_c1,'livers2000.it/immagini/barhome.jpg')">
<img border="0" name="img_c1" src="livers2000.it/immagini/barhome.jpg">
</a>
</BODY>
</HTML>
[/html]----------------------
Da circa una settimana ho fatto e superato il test per diventare utente premium ma ancora nulla. Quando mi abiliteranno il permesso?
Ciao e grazie

olaola

Bene! Hai quindi cambiato script e hai fatto bene a condividerlo con tutti.

Alla prossima

actor

Scusa il disturbo. Ho provato con il codice che hai postato tu ma non mi funziona.
Mi spiego meglio. Ho costruito 2 bottoni uguali, cambia solo il colore in un piccolo riquadro interno.
Il bottone n.1 si vede quando è a riposo e il riquadro è blu. Quando ci passo sopra col mouse vorrei che si vedesse il bottone n.2. col riquadro bordeaux.
Questo è il testo html che ho usato:

dove sbaglio?

stefano24

Calcola hai sbagliato tutto, rileggiti bene il codice...

Per esempio non hai messo il nome a onmouseover e onmouseot e quindi neanche in <img> come fa a cambiare?
Ti ricordo che il java poi va nell' head

Stefano

actor

Si si lo script l'ho messo tra gli <head></head>.
Ora ho provato a cambiare come mi hai indicato :

ma non funziona ancora.
Perchè tu a onmousemove dai nome img_c1 ?
Questo non capisco?

actor

[..]

Scusa avevo dimenticato un paio di parentesi. Le ho messe ma nulla è cambiato. Controlla:
<div id="Layer5" style="position:absolute; width:163px; height:42px; left: 35px; top: 167px;"><a href="index1.html" target="_blank" onmousemove="cambia(bott5-1,'bott5-1.gif')"
onmouseout="cambia(bott5,'bott5.gif')">
<img border="0" name="bott5" src="bott5.gif"></a></div>

Grazie

actor

Ho risolto. Sbagliavo ad assegnare un nome immagine.
Mostro tutto il codice anche per gli altri:

[html]<head>
<script language=""JavaScript"">

</script>
</head>

<div id="Layer5" style="position:absolute; width:163px; height:42px; left: 35px; top: 167px;">
<a href="index1.html" target="_blank"
onmousemove="cambia(bott5,'bott5-1.gif')"
onmouseout="cambia(bott5,'bott5.gif')">
<img border="0" name="bott5" src="bott5.gif"></a></div>[/html]

Così funziona!
Grazie

lido

Ciao,
ho messo il codice e funziona.
Io però vorrei avere il cambio di immagine al passaggio del muose per piu di un immagine.
Cioe
immagine 1 - over/on
immagine 2 - over/on
immagine 3 - over/on
...

Che modifiche dovrei fare al codice?

Ho provato con questo ma come prevedibile non funziona :

</script>