2010-05-10 9 views
1

jQuery a la fonction .ready(), mais je ne suis pas sûr que ce soit ce que je dois:jQuery/JavaScript: Trigger préchargé

I définir une image d'arrière-plan par défaut dans CSS (imange 1 sur 4), une fois le document chargé (images et tout, pas seulement DOM); Je veux commencer à précharger l'image d'arrière-plan 2 sur 4. Une fois celle-ci chargée, je veux fondre l'image 1 dans l'image 2. Puis je veux précharger l'image suivante (3 sur 4), une fois chargée, je veux fondre de l'image de fond 2 dans l'image 3, et enfin précharger l'image 4. Une fois l'image 4 est chargé, je voudrais fondre l'image 3 dans l'image 4. Après cela, je veux faire défiler les images avec un intervalle de temps défini.

Quelle stratégie est-ce que j'utiliserais pour résoudre ceci? Fonction .load()?

Nous vous remercions de votre temps.

Cordialement,
Marius

Répondre

1

Jquery.ready() ou mieux encore $() déclencheront une fois que le dernier élément de page est chargé avec succès. De là, vous pouvez procéder à l'exécution d'une chaîne de méthodes, chaque méthode déclenchant la suivante dans un rappel qui lui est passé.

+1

Les animations sont asynchrones et génèrent beaucoup de monde. Cette suggestion est bonne. – Jay

+0

Je sais à ce sujet, mais ce n'est pas ce que je veux. Chaque image d'arrière-plan sera assez grande, donc je préférerais faire comme je l'ai suggéré: Charger le premier, puis passer au suivant une fois qu'il est chargé, pas attendre jusqu'à ce que tout le monde soit chargé.M –

+0

est le point de départ suivant que vous lieriez à l'événement '.load' des images. http://api.jquery.com/load-event/ –