login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Fade in-out

Offline zwobbel - 02/09/2004 18:39
Avatar van zwobbelPHP gevorderde Hallo ik zoek een code als je over een afbeelding gaat dat die afbeelding 100% zichtbaar is zodra je er af rolt donkerder is wie weet deze code?

10 antwoorden

Gesponsorde links
Offline Wiezelke - 02/09/2004 19:14
Avatar van Wiezelke HTML interesse HEAD:
  1. <SCRIPT LANGUAGE="JavaScript">
  2. if ((navigator.appName.indexOf('Microsoft')+1)) {
  3. document.write('<style type="text/css"> .opacity1 {filter:alpha(opacity=50)} .opacity2 {filter:alpha(opacity=100)} </style>'); }
  4. if ((navigator.appName.indexOf('Netscape')+1)) {
  5. document.write('<style type="text/css"> .opacity1 {-moz-opacity:0.5} .opacity2 {-moz-opacity:1} </style>'); }
  6. else {
  7. document.write(''); }
  8. // End -->
  9. </script>


BODY:
  1. <img src="Image.gif" class="opacity1" onmouseover="this.className='opacity2'" onmouseout="this.className='opacity1'">
Offline Duikboot - 02/09/2004 19:18
Avatar van Duikboot Grafische gevorderde Hey, zoiets kan ik ook wel gebruike ;)
Offline Insane - 02/09/2004 19:43
Avatar van Insane Onbekend hoe kan het dat ik het gevoel heb dat dit niet werkt?:s
Offline Wiezelke - 02/09/2004 19:46
Avatar van Wiezelke HTML interesse Wat is er fout mee? 
Offline b4nkr0bz0r - 02/09/2004 20:40
Avatar van b4nkr0bz0r PHP gevorderde onmouseover="this.className='opacity2'" onmouseout="this.className='opacity1'">

moet dit niet zijn :
onmouseout="this.className='opacity1'"
onmouseover="this.className='opacity2">
Offline Fenrir - 02/09/2004 20:43 (laatste wijziging 02/09/2004 21:02)
Avatar van Fenrir PHP expert kijk eens op http://www.javascriptfx.com ze zijn gespecialisseerd in fade
Offline twopeak - 02/09/2004 21:11
Avatar van twopeak Gouden medaille

PHP ver gevorderde
De kans is enorm groot dat dit enkel werkt indien je windows suppa-duppa-lots-o-troubles hebt, met de mega-hyper-supa-mega-global-net patch hebt
op je burned-in explorer met de microsoft image extensions bar
(en zo kan ik nog een uurtje doorgaan, maar daar heb ik geen zin in, ik krijg toch maar 1 punt voor deze reactie ;) )

maw. ja je code zal werken voor alle huis-tuin-en-keukengebruikers,
nee deze code zal niet werken voor professionele computers
Offline CelestialCelebi - 02/09/2004 21:41
Avatar van CelestialCelebi PHP gevorderde Omg, jij bent wel heel erg tegen Windows enzo he? 
Offline ikki007 - 05/09/2004 18:54
Avatar van ikki007 Gouden medailleGouden medaille

PHP ver gevorderde
www.leejoo.nl staat ook zo-iets:!:
Offline wouter - 05/09/2004 19:19
Avatar van wouter PHP interesse je kan ook simpelweg 2img's maken (een lichte en een donkere)
en dan met javascript onmouseover -> de lichte weergeven
onmouseout -> terug de donkere weergeven
open de bron van sitemasters, zoek naar de banner van hqinternet en kijk hoe het gebeurd (zou ook kunnen dat je javascriptje moet zoeken in index.js)
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.237s