login  Naam:   Wachtwoord: 
Registreer je!
 Forum

jquery infaden (Opgelost)

Offline pijke - 02/09/2010 17:47
Avatar van pijkeGouden medaille

Lid
hallo,

ik wil graag voor een nieuw website project wil ik een website zodra je erop komt laten infaden.
ongeveer zoals op google, maar ik wil de hele site laten infaden en direct als hij geladen is.
niet zodra je er met je cursor overheen gaat.
ik heb al gezocht op de site van jquery maar ik ben daar niet veel wijzer geworden.
ik ben namelijk nog maar een leek in JavaScript.
kan iemand mij helpen?

alvast bedankt!

3 antwoorden

Gesponsorde links
Offline Martijn - 02/09/2010 18:21
Avatar van Martijn Crew PHP
  1. $(window).load(function () {
  2. $('#containerDiv').fadeIn();
  3. });//--einde onload
Bedankt door: pijke
Offline WouterJ - 02/09/2010 18:22 (laatste wijziging 02/09/2010 18:27)
Avatar van WouterJ HTML gevorderde jQuery is juist voor leken in javascript ;)

Maar om je wat opgang te helpen:
  1. $(document).ready(function() {
  2. //hier de code
  3. });

Dit gebruik je in jquery om het script te starten als de pagina er klaar voor is.
  1. body {
  2. display: none;
  3. }

Laat de body verdwijnen. Hier na kun je gaan fade innen:
  1. $('body').fadeIn('slow');

Laat de body infaden op een slow tempo.

succes!

EDIT: http://waldio.110mb.com/js/jQuery/fadeIn.html voorbeeldje.
Bedankt door: pijke
Offline pijke - 02/09/2010 18:27 (laatste wijziging 02/09/2010 18:27)
Avatar van pijke Gouden medaille

Lid
bedankt! dit is precies wat ik bedoelde!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.186s