Come si crea l'effetto utilizzato in questa pagina,cioè che al passaggio del mouse sull'immagine,essa si illumina,ho controllato ma non è un effetto rollover.
Printable View
Come si crea l'effetto utilizzato in questa pagina,cioè che al passaggio del mouse sull'immagine,essa si illumina,ho controllato ma non è un effetto rollover.
scusa ma quale immagine? a me non se ne illumina manco 1 ne con firefox ne con IE!
Edit: confermo Dodi, ho provato ma non se ne illumina nessuna...
....nella sezione Wallpaper,passando il cursore del mouse nelle img....
e la prox volta scrivilo in che sezione è!!! :roll:
ne ho uno simile sul sito, se ti piace copia direttamente il codice da li!
Eh potevi linkare direttamente i wallpaper.. :=D:
Cmq la cosa è piuttosto semplice, si tratta di "opacità" più che di luminosità:
cerca nel suo sorgente html la parola "Paul Miller"
troverai un javascript che in base al browser scrive nel documento degli stili, in pratica dichiara due classi css, una con opacità completa (quindi niente trasparenza, come l'originale) e l'altra con opacità scarsa, semitrasparente.
Al passare del mouse sopra le immagini l'evento imposta -sempre in javascript ovviamente- il nome della classe css, alternando così le due opacità differenti.
Edit:
-Dodi:
eh sì ma le funzioni high() e low() non sono di javascript e quindi devono essere implementate da qualche parte :wink:
cioè se lui lo usa così com'è il codice non gli funzionerà di certo.
te l'ho copiato qui:
Codice HTML:<SCRIPT LANGUAGE="JavaScript">
if ((navigator.appName.indexOf('Microsoft')+1)) {
document.write('<style type="text/css"> .opacity1 {filter:alpha(opacity=60)} .opacity2 {filter:alpha(opacity=100)} </style>'); }
if ((navigator.appName.indexOf('Netscape')+1)) {
document.write('<style type="text/css"> .opacity1 {-moz-opacity:0.5} .opacity2 {-moz-opacity:1} </style>'); }
else {
document.write(''); }
</script>
queste due righe:
else {
document.write(''); }
non servono ovviamente a nulla :=D:
e non fanno ben sperare sullà bontà dello script, le rimuoverei..
comunque almeno funge eheh.
Seneca: please, soprattutto quando il codice è incasinato sarebbe meglio postarlo dentro gli appositi bbcode [CODE] o [HTML]
Riedit: come non detto :wink:
Citazione:
Originalmente inviato da heracleum
lo so, infatti fa prima a copiarmi l'html per quello stavo editanto il messaggio! così vede anche dove mettere lo script.