login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Toon div met fadeIn() (Opgelost)

Offline Prutserke - 31/10/2010 10:16
Avatar van PrutserkeNieuw lid Allemaal,

heb hier een script om mijn div na 5 seconden te tonen. Echter werkt het niet...

Iemand een idee? Code:

  1. <html>
  2. <head>
  3.  
  4. <script type='text/javascript'>
  5. $(document).ready(function(){
  6. setTimeout(function(){
  7. $('#loading').hide();
  8. $('#content').fadeIn();
  9. }) , 5000});
  10.  
  11. </script>
  12.  
  13. </head>
  14. <body>
  15.  
  16. <div id='loading'><img src="images/loading.gif" /></div>
  17. <div id='content' style='display:none'><p>content here</p></div>
  18.  
  19. </body>
  20. </html>

7 antwoorden

Gesponsorde links
Offline PHPmike - 31/10/2010 10:21 (laatste wijziging 31/10/2010 10:23)
Avatar van PHPmike Nieuw lid Probeer dit eens.

  1. <script type='text/javascript'>
  2.  
  3. $(document).ready(function(){
  4.  
  5. setTimeout(function(){
  6.  
  7. $('#loading').hide();
  8. $(this).animate({ dummy: 1 }, 5000);
  9. $('#content').fadeIn();
  10.  
  11. }) , 5000});
  12.  
  13. </script>
Offline Prutserke - 31/10/2010 10:28
Avatar van Prutserke Nieuw lid Neen.. Werkt niet... Jammer!
Offline pijke - 31/10/2010 10:33
Avatar van pijke Gouden medaille

Lid
vervang setTimeout eens door setInterval, misschien werkt dat.
Offline Prutserke - 31/10/2010 10:39
Avatar van Prutserke Nieuw lid Neen, ook geen resultaat.
Offline pijke - 31/10/2010 10:44
Avatar van pijke Gouden medaille

Lid
dan weet ik het ook niet 
Offline Kevin - 31/10/2010 11:37 (laatste wijziging 31/10/2010 11:37)
Avatar van Kevin Crew Ajax/REST Nou tuurlijk werkt dit niet..

Je schrijft een jQuery scriptje, maar je vergeet wel jQuery erboven te includen.

Zet dit erboven (bv):
  1. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
Bedankt door: Prutserke
Offline buisje - 31/10/2010 12:02 (laatste wijziging 31/10/2010 12:08)
Avatar van buisje Onbekend zoiets??
  1. <script type='text/javascript'>
  2. $(document).ready(function() {
  3. $('#loading').fadeIn(function() {
  4. $('#loading').fadeOut(1000);
  5. $('#content').fadeIn(2500);
  6. });
  7. });
  8. </script>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.182s