[HTML] Cambio immagine al passaggio del mouse

OrcaAssassina · 30-08-2006, 21:41

Ho una tabella. Uso FRONRPAGE 2003

Ad ogni casella ho associato una immagine di fondo

Come faccio a far caricare un'altra immagine al passaggio sopra del mouse ????

L'immagine è 06.gif al passaggio vorrei 062.gif

<td background="images/06.gif">.: Normativa</td>
</tr>
<tr>
<td background="images/06.gif">.: Turni</td>
</tr>
<tr>
<td background="images/06.gif">.: Vademecum</td>
</tr>
<tr>
<td background="images/06.gif">.: Sicurezza</td>
</tr>

Ciao e grazie

Alien · 30-08-2006, 22:09

prova a informarti un po' sull' evento "onmouseover"

ianaz · 30-08-2006, 23:57

anche con i CSS volendo...

a:hover

OrcaAssassina · 01-09-2006, 00:09

Non sono molto preparato, ma senza farlo sul CSS, è possibile farlo direttamente per ogni casella del menù??

Ad ogni casella ho associato una immagine di fondo

Come faccio a far caricare un'altra immagine al passaggio sopra del mouse ????

L'immagine è 06.gif al passaggio vorrei 062.gif

In giro ho visto questo:
onMouseOver="javascript: this.style=background-image: url('<path>');"

Qui sotto c'è il mio codice....qualcuno sa unirmi il tutto, cosi lo provo

<td background="images/06.gif">.: Normativa</td>
</tr>
<tr>
<td background="images/06.gif">.: Turni</td>
</tr>
<tr>
<td background="images/06.gif">.: Vademecum</td>
</tr>
<tr>
<td background="images/06.gif">.: Sicurezza</td>
</tr>

Ciao e grazie

VICIUS · 01-09-2006, 00:22

Se usi JavaScript il sito sarà inutilizabile se il browser ha JavaScript disabilitato. Il modo giusto di risolvere il problema è usare i css e :hover. Un piccolo esempio.

Codice:

<style>
.td-speciale {
    background-image: url(immagine-normale.jpg);
}

.td-speciale:hover {
    background-image: url(immagine-con-il-mouse-sopra.jpg);
}
</style>


<tr>
  <td class="td-speciale">Bla bla bla</td>
  <td class="td-speciale">Bla bla bla 2</td>
</tr>

ciao

OrcaAssassina · 01-09-2006, 01:11

Quote:

Originariamente inviato da VICIUS

Se usi JavaScript il sito sarà inutilizabile se il browser ha JavaScript disabilitato. Il modo giusto di risolvere il problema è usare i css e :hover. Un piccolo esempio.

Codice:

<style>
.td-speciale {
    background-image: url(immagine-normale.jpg);
}

.td-speciale:hover {
    background-image: url(immagine-con-il-mouse-sopra.jpg);
}
</style>


<tr>
  <td class="td-speciale">Bla bla bla</td>
  <td class="td-speciale">Bla bla bla 2</td>
</tr>

ciao

Devo creare un file "style.css"
e copiare quello che tu hai scritto

Poi nella pagina dove lo voglio usare lo richiamo con:
class="td-speciale"

Fammi sapere

VICIUS · 01-09-2006, 11:50

Certo se vuoi puoi inserirlo in un file .css pero devi ricordarti di inserire il link al file in <head> altrimenti poi trova la classe.

ciao

ianaz · 01-09-2006, 11:53

ovviamente ci vuole il

Codice PHP:


			
<link href="stili.css" type="text/css" rel="stylesheet">

OrcaAssassina · 01-09-2006, 12:05

Invece l'esempio che mi aveva scritto VICIUS.
Lo posso mettere direttamente sulla pagina senza usare CSS????

<style>
.td-speciale {
background-image: url(immagine-normale.jpg);
}

.td-speciale:hover {
background-image: url(immagine-con-il-mouse-sopra.jpg);
}
</style>

<tr>
<td class="td-speciale">Bla bla bla</td>
<td class="td-speciale">Bla bla bla 2</td>
</tr>

VegetaSSJ5 · 01-09-2006, 14:46

Quote:

Originariamente inviato da OrcaAssassina

Lo posso mettere direttamente sulla pagina senza usare CSS????

si

Lù-Killer · 05-09-2006, 22:04

scusate se mi intrometto ...io vorrei un immagine che quando ci passo sopra con il puntatore parte una suono...mi serve x un sito con Html
quale è il codice ?

ianaz · 05-09-2006, 22:08

Quote:

Originariamente inviato da Lù-Killer

scusate se mi intrometto ...io vorrei un immagine che quando ci passo sopra con il puntatore parte una suono...mi serve x un sito con Html
quale è il codice ?

Nn credo proprio che si possa a meno che esista qualcosa in javascript...
ma sono quasi certo che non puoi

Lù-Killer · 05-09-2006, 22:16

grazie

Lù-Killer · 05-09-2006, 22:45

trovatooooooooo

siiiiiiiiiii

esiste

ianaz · 05-09-2006, 23:05

Quote:

Originariamente inviato da Lù-Killer

trovatooooooooo

siiiiiiiiiii

esiste

puoi postare il codice?

Lù-Killer · 06-09-2006, 16:52

vai qui --> http://www.htmlscriptweb.com/esempiscript.htm#19

sezione Multimedialità

ianaz · 06-09-2006, 17:35

Quote:

Originariamente inviato da Lù-Killer

vai qui --> http://www.htmlscriptweb.com/esempiscript.htm#19

sezione Multimedialità

va solo se hai quick time installato e solamente con Internet Explorer...

loris_p · 06-09-2006, 17:59

Quote:

trovatooooooooo

siiiiiiiiiii

esiste

ue' ma te di fare cose un po' più compatibili mai eh?

Lù-Killer · 07-09-2006, 02:26

Quote:

Originariamente inviato da ianaz

va solo se hai quick time installato e solamente con Internet Explorer...

quik time lo hanno tutti...si spera...poi x IE io uso quello per Fox non sò

ianaz · 07-09-2006, 06:56

Quote:

Originariamente inviato da Lù-Killer

quik time lo hanno tutti...si spera...poi x IE io uso quello per Fox non sò

il 20% almeno delle persone che navigano non hanno Quick Time e più del 30% sicuramente usano firefox....

dipende se la cosa la usi solo tu o no...

30-08-2006, 22:09	#2
Alien Senior Member Iscritto dal: Aug 1999 Città: Como Messaggi: 1509	prova a informarti un po' sull' evento "onmouseover" __________________ il forum italiano delle torce www.cpfitaliforum.it

30-08-2006, 23:57	#3
ianaz Senior Member Iscritto dal: Jan 2005 Città: London, United Kingdom Messaggi: 959	anche con i CSS volendo... a:hover __________________ zattix

01-09-2006, 00:09	#4
OrcaAssassina Senior Member Iscritto dal: Feb 2003 Messaggi: 2817	Un aiutino Non sono molto preparato, ma senza farlo sul CSS, è possibile farlo direttamente per ogni casella del menù?? Ad ogni casella ho associato una immagine di fondo Come faccio a far caricare un'altra immagine al passaggio sopra del mouse ???? L'immagine è 06.gif al passaggio vorrei 062.gif In giro ho visto questo: onMouseOver="javascript: this.style=background-image: url('<path>');" Qui sotto c'è il mio codice....qualcuno sa unirmi il tutto, cosi lo provo <td background="images/06.gif">.: Normativa</td> </tr> <tr> <td background="images/06.gif">.: Turni</td> </tr> <tr> <td background="images/06.gif">.: Vademecum</td> </tr> <tr> <td background="images/06.gif">.: Sicurezza</td> </tr> Ciao e grazie __________________ AMD 3700x --- ASUS X570 CROSSHEAR VIII HERO --- 4x 8GB Corsair Vengeance RGB PRO 3600 MHz --- SSD: Samsung 980Pro 1TBb --- EVGA RTX 2070 SUPER

01-09-2006, 00:22	#5
VICIUS Senior Member Iscritto dal: Oct 2001 Messaggi: 11471	Se usi JavaScript il sito sarà inutilizabile se il browser ha JavaScript disabilitato. Il modo giusto di risolvere il problema è usare i css e :hover. Un piccolo esempio. Codice: <style> .td-speciale { background-image: url(immagine-normale.jpg); } .td-speciale:hover { background-image: url(immagine-con-il-mouse-sopra.jpg); } </style> <tr> <td class="td-speciale">Bla bla bla</td> <td class="td-speciale">Bla bla bla 2</td> </tr> ciao

01-09-2006, 11:53	#8
ianaz Senior Member Iscritto dal: Jan 2005 Città: London, United Kingdom Messaggi: 959	ovviamente ci vuole il Codice PHP: `<link href="stili.css" type="text/css" rel="stylesheet">` __________________ zattix

30-08-2006, 21:41	#1
OrcaAssassina Senior Member Iscritto dal: Feb 2003 Messaggi: 2817	[HTML] Cambio immagine al passaggio del mouse Ho una tabella. Uso FRONRPAGE 2003 Ad ogni casella ho associato una immagine di fondo Come faccio a far caricare un'altra immagine al passaggio sopra del mouse ???? L'immagine è 06.gif al passaggio vorrei 062.gif <td background="images/06.gif">.: Normativa</td> </tr> <tr> <td background="images/06.gif">.: Turni</td> </tr> <tr> <td background="images/06.gif">.: Vademecum</td> </tr> <tr> <td background="images/06.gif">.: Sicurezza</td> </tr> Ciao e grazie __________________ AMD 3700x --- ASUS X570 CROSSHEAR VIII HERO --- 4x 8GB Corsair Vengeance RGB PRO 3600 MHz --- SSD: Samsung 980Pro 1TBb --- EVGA RTX 2070 SUPER

01-09-2006, 11:50	#7
VICIUS Senior Member Iscritto dal: Oct 2001 Messaggi: 11471	Certo se vuoi puoi inserirlo in un file .css pero devi ricordarti di inserire il link al file in <head> altrimenti poi trova la classe. ciao

01-09-2006, 12:05	#9
OrcaAssassina Senior Member Iscritto dal: Feb 2003 Messaggi: 2817	Ok Invece l'esempio che mi aveva scritto VICIUS. Lo posso mettere direttamente sulla pagina senza usare CSS???? <style> .td-speciale { background-image: url(immagine-normale.jpg); } .td-speciale:hover { background-image: url(immagine-con-il-mouse-sopra.jpg); } </style> <tr> <td class="td-speciale">Bla bla bla</td> <td class="td-speciale">Bla bla bla 2</td> </tr> __________________ AMD 3700x --- ASUS X570 CROSSHEAR VIII HERO --- 4x 8GB Corsair Vengeance RGB PRO 3600 MHz --- SSD: Samsung 980Pro 1TBb --- EVGA RTX 2070 SUPER

05-09-2006, 22:04	#11
Lù-Killer Member Iscritto dal: Aug 2006 Messaggi: 34	scusate se mi intrometto ...io vorrei un immagine che quando ci passo sopra con il puntatore parte una suono...mi serve x un sito con Html quale è il codice ? __________________ I lOVe tHe muSiC...i plAy the GuiTar ...I am a crAzY GuITaRiSt...therefore...Let's Gooooooooooo !!!

05-09-2006, 22:16	#13
Lù-Killer Member Iscritto dal: Aug 2006 Messaggi: 34	grazie __________________ I lOVe tHe muSiC...i plAy the GuiTar ...I am a crAzY GuITaRiSt...therefore...Let's Gooooooooooo !!!

05-09-2006, 22:45	#14
Lù-Killer Member Iscritto dal: Aug 2006 Messaggi: 34	trovatooooooooo siiiiiiiiiii esiste __________________ I lOVe tHe muSiC...i plAy the GuiTar ...I am a crAzY GuITaRiSt...therefore...Let's Gooooooooooo !!!

06-09-2006, 16:52	#16
Lù-Killer Member Iscritto dal: Aug 2006 Messaggi: 34	vai qui --> http://www.htmlscriptweb.com/esempiscript.htm#19 sezione Multimedialità __________________ I lOVe tHe muSiC...i plAy the GuiTar ...I am a crAzY GuITaRiSt...therefore...Let's Gooooooooooo !!!

Strumenti
Mostra una versione stampabile Invia questa pagina per email