-
pulsanti roll-over
ciao a tutti,
avrei bisogno di un aiutino per dei pulsanti "teoricamente" roll-over:
con dreamweaver mi è stato creato il codice:
Codice HTML:
<a href="/acquariofilia.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','/Immagini/acquariofilia2.gif',1)"><img src="/Immagini/acquariofilia.gif" name="Image9" width="200" height="30" border="0"></a></div>
ho ovviamente modificato tutti i link delle immagini dando la giusta posizione,
ma passandoci sopra col mouse non mi cambia l'immagine.
sapete dirmi dove sta l'errore nel codice inserito sopra?
e.... non funziona perche' è sbagliato o perche' altervista ha impostazioni o tag prestabilite e/o differenti?
grazie a tutti per l'aiuto :lol:
-
la cartella sul tuo sito si chiama "immagini" minuscolo, mentre nel codice da te postato e' scritto in maiuscolo. Dovrebbe bastarti cambiare quello.
-
Codice HTML:
<a href="/acquariofilia.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','/Immagini/acquariofilia2.gif',1)"><img src="/Immagini/acquariofilia.gif" name="Image9" width="200" height="30" border="0"></a></div>
quello sopra è il codice scritto sopra che mi da il dreamweaver.... sotto la trasformazione che gli ho fatto io....
Codice HTML:
<a href="http://kakapoko.altervista.org/pagine_web/acquariofilia.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','http://kakapoko.altervista.org/immagini/acquariofilia2.gif',1)"><img src="http://kakapoko.altervista.org/immagini/acquariofilia.gif" name="Image9
" width="200" height="30" border="0"></a>
proprio per esser sicuro di non sbagliare url aprivo ogni immagine e ne copiavo l'indirizzo... infatti come mi hai fatto notare nel primo "immagini" è scritto con l'iniziale in maiuscolo, ma nel tag scritto qui nel sito è correttamente minuscolo......
ho provato a cambiare le virgolette singole con altre doppie ma niente.... ho fatto altre prove assurde, magari che ci azzecavo, ma niente... credo che sia il codice in se che possa esser sbagliato
-
hai copiato anche un file javascript, almeno quelle funzioni sono definite da qualche parte nella pagina?
-
ho copiato tutto l'html che mi ha creato dreamweaver..
questo è il pezzo che riguarda la tabella dei pulsanti roll-over:
Codice HTML:
<div align="center">
<table width="271" border="0">
<tr>
<td width="261"><div align="center"><a href="http://kakapoko.altervista.org/pagine_web/acquariofilia.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','http://kakapoko.altervista.org/immagini/acquariofilia2.gif',1)"><img src="http://kakapoko.altervista.org/immagini/acquariofilia.gif" name="Image9" width="200" height="30" border="0"></a></div></td>
</tr>
<tr>
<td><div align="center"><a href="http://kakapoko.altervista.org/pagine_web/border_collie.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','http://kakapoko.altervista.org/immagini/Border_Collie2.gif',1)"><img src="http://kakapoko.altervista.org/immagini/Border_Collie.gif" name="Image10" width="200" height="30" border="0"></a></div></td>
</tr>
<tr>
<td><div align="center"><a href="http://kakapoko.altervista.org/pagine_web/final_fantasy.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','http://kakapoko.altervista.org/immagini/Final_Fantasy2.gif',1)"><img src="http://kakapoko.altervista.org/immagini/Final_Fantasy.gif" name="Image11" width="200" height="30" border="0"></a></div></td>
</tr>
<tr>
<td><div align="center"><a href="http://kakapoko.altervista.org/pagine_web/patrician_3.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','http://kakapoko.altervista.org/immagini/Patrician2.gif',1)"><img src="http://kakapoko.altervista.org/immagini/Patrician.gif" name="Image8" width="200" height="30" border="0"></a></div></td>
</tr>
<tr>
<td><div align="center"><a href="http://kakapoko.altervista.org/pagine_web/contact.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image12','','http://kakapoko.altervista.org/immagini/kakapoko2.gif',1)"><img src="http://kakapoko.altervista.org/immagini/kakapoko.gif" name="Image12" width="200" height="60" border="0"></a></div></td>
</tr>
<tr>
<td><div align="center"><a href="http://kakapoko.altervista.org/pagine_web/guest.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image13','','http://kakapoko.altervista.org/immagini/Guest2.gif',1)"><img src="http://kakapoko.altervista.org/immagini/Guest.gif" name="Image13" width="200" height="30" border="0"></a></div></td>
</tr>
<tr>
<td><div align="center"><a href="http://kakapoko.altervista.org/pagine_web/links_utili.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image14','','http://kakapoko.altervista.org/immagini/Links2.gif',1)"><img src="http://kakapoko.altervista.org/immagini/Links.gif" name="Image14" width="200" height="30" border="0"></a></div></td>
</tr>
</table>
</div>
il resto della pagina non credo che serva.... riguarda logo e banner
-
Se devi fare un rollover perchè non utilizzi CSS?
Crei l'immagine che abbia sia l'immagine normale, che in hover, magari sotto.
Poi con il CSS, grazie alla proprietà background-position quando sei in :hover sposti l'immagine e cose non attendi nemmeno il caricamento.
Esempio - Guida
:wink:
-
perche' son piu' ignorante di un neofita e non conoscevo questo sistema,
sto imparando con dreamweaver e ho visto solo questo metodo, ma quello proposto da te è interessante e piu' tardi nel pomeriggio gli do un'okkiatina ;)
il tutto sempre con DW?
-
Puoi farlo con qualsiasi editor :wink:
-
ok.... grazie vedro' di studiare un po' allora eheh
(cioe' non finisco mai)
