Wie man eine JPEG-Animation

JPEG-Dateien können nicht als GIFs können mehrere Bilder in einer einzigen Datei speichern. Sie können jedoch eine Animationssequenz von JPEG-Dateien mit Hilfe von JavaScript, die Programmiersprache für Ihren Web-Browser. Die wichtigsten JavaScript-Anweisungen für dieses Projekt umfassen die "SetInterval"-Anweisung, die einem Timer legt fest, dass Repeatedy führt eine Funktion, die Sie definieren. Andere wichtigen Anweisungen sind für dynamisch ändern der Eigenschaft "Src" ein HTML-Tag "Img".

Anweisungen

1 Öffnen Sie WordPad zu, und fügen Sie die folgenden HTML-Anweisungen. Diese Aussagen definieren eine leere Webseite, auf denen Sie JavaScript-Code hinzufügen können, die JPEGs und anderen Bildtypen animiert.

< html >< Head >< / head >< Körper >< / body >< / html >

2 Fügen Sie die folgenden Anweisungen nach dem "Kopf"-Tag im Dokument. Diese Aussagen definieren und führen Sie eine JavaScript-Funktion namens Anim_img, die JPEG-Dateien in die Webseite lädt. Die "SetInterval"-Anweisung, die nach dieser Funktion Ruft die Funktion beim Laden der Webseite in Ihrem Webbrowser. Um diese JavaScript-Code verwenden zu können, schreiben Sie eine HTML-Anweisung im "Body"-Abschnitt des Dokuments, die verwendet das "Img"-Tag mit dem Namen "MyJPEGs."

< Skript-Typ = "Text/Javascript" >Var Idx_img = 1;/ Die Animation Bilder laden /Var JPEG1 = new Image();JPEG1.src = "m1.jpg";Var JPEG2 = new Image();JPEG2.src = "m2.jpg";Var JPEG3 = new Image();JPEG3.src = "m3.jpg";

Funktion anim_img(x){Wenn (Idx_img == 4){Idx_img = 1;}Var Src_of_image = "m" + Idx_img + ".jpg";document.myJPEGs.src = Src_of_image;Idx_img ++;}t = setInterval("anim_img(idx_img)", 500);< / script >

3 Fügen Sie die folgenden Anweisungen nach "Body"-Tag im Dokument. Diese Anweisung definiert einen "Img"-Tag mit dem Namen "Myjpegs." Tag in Ihre Animationssequenz ein Pfadname der ersten JPEG-Datei enthält. Die Attribute "Name" und "Id" mit dem Wert "MyJPEGs" aktivieren den JavaScript-Code, den eben erwähnten Pfadnamen zu ändern. Das Attribut "Src" der Tag "Img" wird auf diesem Pfadnamen festgelegt.

< Img Id = "MyJPEGs" Name = "MyJPEGs" Src = "m1.jpg" >

4 Drücken Sie "Control" und "S" gleichzeitig, um das Dialogfeld zum Speichern von Dokumenten anzuzeigen. Notieren Sie den Namen des Ordners, in dem Sie das Dokument speichern, und geben Sie dann einen beliebigen Namen in das Textfeld "Dateiname", die in ".htm" endet.

5 Klicken Sie in der Dropdown-Liste "Typ" "Plain Text" und dann auf "Speichern" auf um der Webseite auf der Festplatte zu speichern.

6 Öffnen Sie Windows Explorer, und navigieren Sie zu einem Ordner mit mehrere JPEG-Bilder, zum Beispiel den Ordner "Eigene Bilder". Verwenden Sie Explorer Steuerelemente, um drei JPEG-Bilder auszuwählen, und drücken Sie dann "Control" und "C", gleichzeitig die Bilder in der Windows-Zwischenablage zu kopieren.

7 Navigieren Sie zu dem Ordner, in dem Sie das Web-Dokument gespeichert, und drücken Sie dann "Control" und "V" gleichzeitig die JPEG-Dateien in den Ordner einfügen. Explorer Befehl "Rename" verwenden, um die Bilder als "m1.jpg," umbenennen "m2.jpg" und "m3.jpg."

8 Klicken Sie auf Ihr html-Dokument, und drücken Sie "Enter", um das Dokument in Ihrem Webbrowser öffnen. Sie sehen die animierte Sequenz die JPEGs.