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.
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...
Ultima modifica di seneca : 08-03-2006 alle ore 01.19.08
-- Aut Roma Aut Nihil!
- --> Progetto Wallpaper: centinaia di sfondi free (simpsons, dragonball, animali, sport, arte...)
- --> Versioni latine e storia romana: COMING SOON!
- --> Sono disponibile per scambio banner 88*31, no siti in costruzione
....nella sezione Wallpaper,passando il cursore del mouse nelle img....
e la prox volta scrivilo in che sezione è!!!
ne ho uno simile sul sito, se ti piace copia direttamente il codice da li!
Ultima modifica di Dodi : 08-03-2006 alle ore 01.36.58
Eh potevi linkare direttamente i wallpaper..
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
cioè se lui lo usa così com'è il codice non gli funzionerà di certo.
Ultima modifica di heracleum : 08-03-2006 alle ore 01.40.13
Avvertimento: richiedere in privato questioni tecniche produrrà inevitabilmente una supercazzola prematurata come risposta. (5 served)
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>
Ultima modifica di seneca : 08-03-2006 alle ore 01.41.16
-- Aut Roma Aut Nihil!
- --> Progetto Wallpaper: centinaia di sfondi free (simpsons, dragonball, animali, sport, arte...)
- --> Versioni latine e storia romana: COMING SOON!
- --> Sono disponibile per scambio banner 88*31, no siti in costruzione
queste due righe:
else {
document.write(''); }
non servono ovviamente a nulla
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
Ultima modifica di heracleum : 08-03-2006 alle ore 01.45.48
Avvertimento: richiedere in privato questioni tecniche produrrà inevitabilmente una supercazzola prematurata come risposta. (5 served)
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.