rollover - Corso Webmaster - FrontPage e Kompozer

Benvenuto Ospite

Aiutamici Forum » Spazio Webmaster » Corso Webmaster - FrontPage e Kompozer » rollover

rollover

Opzioni

Topic Precedente · Topic Sucessivo

manumch

Inviato: Wednesday, September 23, 2009 1:29:25 PM

Rank: Newbie

Iscritto dal : 9/23/2009
Posts: 4

Ciao,
grazie per l'ottimo sito creato!
Sto seguendo la lezione 33 del corso webmaster per creare il rollover, ma quando passo sopra al pulsante creato non mi compare la seconda immagine ma uno spazio bianco con la x a sinistra.
Cosa sto sbagliando? Utilizzo Kompozer (grazie perchè l'ho scaricato dal vs sito, ho seguito le lezioni ed ora ho creato il mio sito)
Nel codice html ho inserito il rollover per un solo pulsante e non 3 come hai messo tu nell'esempio.
Grazie x l'aiuto
ciao

Torna in alto

Sponsor

Inviato: Wednesday, September 23, 2009 1:29:25 PM

Torna in alto

ecofive

Inviato: Wednesday, September 23, 2009 7:20:52 PM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111

Benvenuto nel Forum.
Lo spazio bianco con la x sta indicare che non c'è l'immagine o il collegamento con la stessa è errato.
Per ogni pulsante rollover ci vogliono due immagini. Certo, non potendo vedere il tuo codice sorgente della pagina web è un po' difficile capire cosa ci sia di errato ...
A disposizione.
Ciao.

Torna in alto

manumch

Inviato: Thursday, September 24, 2009 10:41:51 AM

Rank: Newbie

Iscritto dal : 9/23/2009
Posts: 4

Ciao,
io ho creato 2 immagini seguendo le istruzioni della lezione 33 del corso webmaster e chiamandole Contatti1.gif e Contatti2.gif. Ti allego il codice
<script type="text/javaScript" src="rollover.js"></script>
<tbodyonload></tbodyonload>
</head>
<body onload="MM_preloadImages'FOTO/Contatti2.gif'">
...
 <a href="CONTATTI.html"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Contatti','FOTO/Contatti2.gif',1)"><img
style="border: 0px solid ; width: 125px; height: 44px;" alt=""
src="FOTO/Contatti1.gif" name="Contatti"></a>
Ho inserito il file rollover.js nella cartella della mia pagina web.
Grazie molte x l'aiuto.
Buona giornata

Torna in alto

ecofive

Inviato: Thursday, September 24, 2009 11:57:14 AM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111

Ho esaminato il frammento di file; mi sembra manchino parentesi ed altre cosette.
Mi sembra che tu abbia messo le immagini in una cartella chiamata FOTO: è così?
Potresti postarmi tutta la pagina web?
Un consiglio: perché non usi dei menù CSS, molto più facili da configurare e, di solito, abbastanza "leggeri" ?.

Ciao.

Torna in alto

manumch

Inviato: Thursday, September 24, 2009 1:13:16 PM

Rank: Newbie

Iscritto dal : 9/23/2009
Posts: 4

Il frammento è questo.
La cartella delle immagini si chiama FOTO
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>NOMESITO</title>
<script type="text/javaScript" src="rollover.js"></script>
<tbodyonload></tbodyonload>
</head>
<body onload="MM_preloadImages'FOTO/Contatti2.gif'">
<table style="text-align: left; width: 985px; height: 116px;"
border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="width: 746px;"><img
style="width: 697px; height: 108px;" alt=""
src="FOTO/LOGO.gif"></td>
<td style="width: 223px;"><img
style="width: 153px; height: 109px;" alt=""
src="FOTO/LOGO_30_ANNIprova.jpg"></td>
</tr>
</tbody>
</table>
<span style="font-style: italic;"></span>
 
<table id="free-web-buttons.com:id0001" border="0"
cellpadding="0" cellspacing="0" width="0">
<tbody>
<tr>
</tr>
</tbody>
</table>
 <a href="CONTATTI.html"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Contatti','FOTO/Contatti2.gif',1)"><img
style="border: 0px solid ; width: 125px; height: 44px;" alt=""
src="FOTO/Contatti1.gif" name="Contatti"></a>
CIAO
GRAZIE

Torna in alto

ecofive

Inviato: Thursday, September 24, 2009 5:06:26 PM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111

Ci sono tante cosine che non mi quadrano. Per prima cosa, le due immagini che formano l'effetto rollover devono avere le stesse dimensioni; in secondo luogo, per non impazzire con i codici si usa nominare le coppie di immagini foto1 foto2 , logo1 logo2 ecc. (naturalmente i nomi sono stati messi come esempio).
Hai certamente dimenticato delle parentesi e tutto il codice è un po' mal messo.
Questa riga è certamente sbagliata:
<body onload="MM_preloadImages'FOTO/Contatti2.gif'"> perchè oltre alle due parentesi manca la "dichiarazione" per la seconda coppia di immagini.
Dammi un po' di tempo perché dovrei tentare di riscrivere tutto il codice.
Ciao.

Torna in alto

ecofive

Inviato: Thursday, September 24, 2009 6:07:04 PM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111

Ecco il codice (testato, ovviamente) per due immagini rollover:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>rollover</title>
<script language="JavaScript" src="rollover.js"></script>
</head>
<body onload="MM_preloadImages('FOTO/contatti2.gif','FOTO/logo2.gif ')">
<br>
<a href="contatti.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contatti','','FOTO/contatti2.gif',1)"><img style="border: 0px solid ; width: 100px; height: 25px;" alt="" src="FOTO/contatti1.gif" name="contatti"></a><br>
<br>
<a href="logo.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('logo','','FOTO/logo2.gif',1)"><img style="border: 0px solid ; width: 100px; height: 25px;" alt="" src="FOTO/logo1.gif" name="logo"></a><br>
<br>
</body>
</html>

Ciao, Aiutamica.

Torna in alto

dessa009

Inviato: Sunday, October 11, 2009 11:30:02 AM

Rank: AiutAmico

Iscritto dal : 12/7/2008
Posts: 53

facendo copia-incolla dei codici da inserire si ovvia a molti errori, soprattutto si evita che trascrivendo venga saltato qualcosa. io mi preparavo a parte sul codice base (preso dalla guida) ogni pezzo scrivendo il nome esatto delle mie gif e poi lo immettevo nel codice sorgente (ci vuole poco per perdersi nel codice).

comunque rimanendo in tema rollover, se ho l'opzione di blocca pop-up attiva non mi fà vedere la seconda immagine. è normale sia così?

Torna in alto

ecofive

Inviato: Sunday, October 11, 2009 11:40:41 AM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111

Probabilmente usi quel fetentone di Explorer, che si comporta proprio così. Sbocca la funzione (clic destro sull'avviso di blocco e poi consenti) e tutto funziona (cito a memoria perché sto usando Firefox e Mint 7). Quando manderai il file in rete, per fortuna non avrai quel blocco.

Ciao.

Torna in alto

dessa009

Inviato: Sunday, October 11, 2009 12:05:32 PM

Rank: AiutAmico

Iscritto dal : 12/7/2008
Posts: 53

a casa uso firefox anche io, ma a lavoro ho explorer. il file è già in rete e mi pongo il problema perchè comunque explorer è ancora molto diffuso (il sito è fatto per lavoro); anche se non tutti impostano il blocco dei pop-up.

ciao

Torna in alto

Utenti presenti in questo topic

Guest

Aiutamici Forum » Spazio Webmaster » Corso Webmaster - FrontPage e Kompozer » rollover

Salta al Forum

Aggiunta nuovi Topic disabilitata in questo forum.
Risposte disabilitate in questo forum.
Eliminazione tuoi Post disabilitata in questo forum.
Modifica dei tuoi post disabilitata in questo forum.
Creazione Sondaggi disabilitata in questo forum.
Voto ai sondaggi disabilitato in questo forum.

Invia topic via Email

RSS Feed

Watch this topic

Stampa topic

Normale

Threaded