Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

Toon div met fadeIn() (Opgelost)

Prutserke - 31/10/2010 10:16

Nieuw lid

Allemaal,

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

Iemand een idee? Code:

php code - Bekijk de code zonder highlighting - Klap code in

                <html>
<head>

<script type='text/javascript'>
	$(document).ready(function(){
		setTimeout(function(){
   			$('#loading').hide(); 
  			$('#content').fadeIn();
  		}) , 5000});

</script>

</head>
<body>

<div id='loading'><img src="images/loading.gif" /></div>
<div id='content' style='display:none'><p>content here</p></div>

</body>
</html>
            
<html>
<head>
 
<script type='text/javascript'>
	$(document).ready(function(){
		setTimeout(function(){
   			$('#loading').hide(); 
  			$('#content').fadeIn();
  		}) , 5000});
 
</script>
 
</head>
<body>
 
<div id='loading'><img src="images/loading.gif" /></div>
<div id='content' style='display:none'><p>content here</p></div>
 
</body>
</html>
 

7 antwoorden

Gesponsorde links

PHPmike - 31/10/2010 10:21 (laatste wijziging 31/10/2010 10:23)

Nieuw lid

Probeer dit eens.

javascript code - Bekijk de code zonder highlighting - Klap code in

                 
<script type='text/javascript'>

$(document).ready(function(){

setTimeout(function(){

$('#loading').hide();
$(this).animate({ dummy: 1 }, 5000);
$('#content').fadeIn();

}) , 5000});

</script> 

<script type='text/javascript'>
 
$(document).ready(function(){
 
setTimeout(function(){
 
$('#loading').hide();
$(this).animate({ dummy: 1 }, 5000);
$('#content').fadeIn();
 
}) , 5000});
 
</script>

Prutserke - 31/10/2010 10:28
Nieuw lid		Neen.. Werkt niet... Jammer!

pijke - 31/10/2010 10:33
Lid		vervang setTimeout eens door setInterval, misschien werkt dat.

Prutserke - 31/10/2010 10:39
Nieuw lid		Neen, ook geen resultaat.

pijke - 31/10/2010 10:44
Lid		dan weet ik het ook niet

Kevin - 31/10/2010 11:37 (laatste wijziging 31/10/2010 11:37)
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): html4strict code - Bekijk de code zonder highlighting - Klap code in <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
Bedankt door: Prutserke

buisje - 31/10/2010 12:02 (laatste wijziging 31/10/2010 12:08)

Onbekend

zoiets??

javascript code - Bekijk de code zonder highlighting - Klap code in

                <script type='text/javascript'>
	$(document).ready(function() {
		$('#loading').fadeIn(function() {
			$('#loading').fadeOut(1000);
			$('#content').fadeIn(2500);
		});
	});
</script>
            
<script type='text/javascript'>
	$(document).ready(function() {
		$('#loading').fadeIn(function() {
			$('#loading').fadeOut(1000);
			$('#content').fadeIn(2500);
		});
	});
</script>
 

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten