Wat doe ik fout? Hover over de image heen: KLIK
Code:<html> <head> <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> </head> <body> <div> <div style="width: 300px; height: 200px;"> <a href="http://dgdevelopment.nl/portfolio/bokeljo/" onmouseover="$('.description', (this)).fadeIn(1000)" onmouseout="$('.description', (this)).fadeOut('fast')"> <img src="http://dgdevelopment.nl/images/pictures/portfolio/small/bokeljo.png" alt="Bokeljo" width="300" /> <div style="margin-top: -180px; height: 200px; display: none; position: relative; background: black; opacity: 0.6; color: white;" class="description">Hooii</div> </a> </div> </body> </html>
-
02-11-2012, 16:38 #1
Particulier
- Berichten
- 400
- Lid sinds
- 14 Jaar
[JQuery] Wat doe ik fout?
-
-
02-11-2012, 16:52 #2
Particulier
- Berichten
- 104
- Lid sinds
- 17 Jaar
Re: [JQuery] Wat doe ik fout?
Je kunt er beter een event aanhangen doormiddel van jQuery, dit doe je op de volgende manier.
Code:$('.classvandeafbeelding').bind('mouseenter', function(){ nuUitvoeren(); }); $('.classvandeafbeelding').bind('mouseleave', function(){ nuUitvoeren(); });
-
02-11-2012, 17:00 #3
Particulier
- Berichten
- 400
- Lid sinds
- 14 Jaar
Re: [JQuery] Wat doe ik fout?
@bas het is de bedoeling dat ik met 1 script alle afbeeldingen (komen nog meer op 1 pagina) kan aansturen?
Iemand die hier misschien een bestaand script voor weet?
-
02-11-2012, 17:20 #4
Particulier
- Berichten
- 104
- Lid sinds
- 17 Jaar
Re: [JQuery] Wat doe ik fout?
Zoals ik al zei, dan maak je er dit van:
Probeer zelf ook eens wat te stoeien met code, alleen vragen maakt ontwikkelen veel minder leuk. :-)Code:$('img').bind('mouseenter', function(){ $('.description', (this)).fadeIn(1000); }); $('img').bind('mouseleave', function(){ $('.description', (this)).fadeOut('fast'); });Laatst aangepast door Bas Schuitema : 02-11-2012 om 17:26
