Jquery: Comment placer des triggers sur des images déjà mises en cache?

Question

S'il vous plaît voir: http://flx.me/h/0504/

Source: http://pastebin.com/bDh5k3Qd

jquery.preload-min.js: http://jquery.com/plugins/project/Preload

jquery.jplayer.min.js: http://www.happyworm.com/jquery/jplayer/0.2.4/developer-guide.htm

J'utilise jquery.preload -min.js pour précharger les images et envoyer un déclencheur de lecture à jquery.jplayer.min.js pour commencer à lire un fichier mp3.

Cela fonctionne très bien lorsque vous visualisez la page pour la première fois (ou que vous forcez à recharger tout le contenu). Cependant, lorsque l'image a déjà été mise en cache, elle n'utilise pas le script de préchargement et n'envoie donc pas le déclencheur de lecture à jplayer. Comment puis-je envoyer un déclencheur de lecture même lorsque l'image est mise en cache?

Nous vous remercions à l'avance,

Dennis

Answer 1

Vous pouvez faire quelque chose comme ceci:

$("image_selector_here").each(function() { 
    if(this.complete) $(this).load(); 
}); 

Cela déclenche l'événement de chargement pour les images mises en cache (this.complete == true) où le navigateur ne déclenche pas l'événement .load() lui-même.

Answer 2

1 Le problème est - si l'image est mise en mémoire cache, puis onComplete fonctionne pas, car ne sont pas envoyé des demandes au serveur.

2 Si je comprends de votre code, vous pas besoin d'un rappel onComplete pour chaque image .. Peut être que vous pouvez essayer événement OnFinish?

_{3 La meilleure façon de faire cette tâche est d'écrire votre propre préchargement :)}