js/jquery: wie synchron geladen und angezeigt werden?

Question

Ich habe einige Video in JPEG-Bildfolge:

part1.jpg, part2.jpg, part3.jpg, (...) part500.jpg

ich sie spielen möchte als eine sequenz. Ich denke, ich brauche einige synchrone Ereignisse: zeige Bild2 nicht an, wenn Bild1 nicht geladen und angezeigt wurde.

Was wäre die beste Vorgehensweise, um JPEG-Sequenzen von Bildern abzuspielen? (Jquery oder js Lösung)

(lassen annehmen, dass es eine 20 fps Sequenz)

Answer 1

Wenn ich verstehe Sie sie als Sequenz angezeigt werden soll, sondern erst, wenn alle Bilder geladen wurden? Sie können nicht synchrones Ereignis machen wie pausiert das Skript, während ein Bild nicht geladen wird, aber Sie können asynchrone Ereignisse verwenden wie:

var imagesToLoad= 500; // 500 images to load 

$('img').on('load', function() { 
    imagesToLoad--; 

    if(!imagesToLoad) { // all images were loaded 
     // run your carousel here 
    } 
}); 

Das Karussell beginnt erst, nachdem alle Bilder geladen wurde.