Hur man gör en JPEG Animation

September 29

JPEG kan inte lagra flera bilder i en enda fil som GIF kan. Du kan dock göra en animeringssekvens av JPEG-filer med hjälp av JavaScript, programmeringsspråket för webbläsaren. De viktigaste JavaScript rapporterna för detta projekt inkluderar "setInterval" uttalande, som sätter en timer som repeatedy utför en funktion du definierar. Andra viktiga uppgifter är de för att dynamiskt ändra "src" egendom av en HTML "img" tag.

Instruktioner

1 Öppna WordPad och klistra in följande HTML-uttalanden. Dessa uttalanden definierar en tom webbsida, på vilken du kan lägga till JavaScript-kod som animerar JPEG och andra bildtyper.

<Html>
<Head>
</ Head>
<Body>
</ Body>
</ Html>

2 Klistra in följande uttalanden efter "huvudet" tag i dokumentet. Dessa uttalanden definiera och genomföra en JavaScript-funktion som kallas anim_img, som laddar JPEG-filer till webbsidan. Den "setInterval" uttalande efter denna funktionsanrop denna funktion när du laddar webbsidan i webbläsaren. För att kunna använda denna JavaScript-kod, skriva en HTML uttalande i "kropp" i det dokument som använder "img" tag som heter "myJPEGs."

<Script type = "text / javascript">
var idx_img = 1;
/

Ladda animation images /
var JPEG1 = new Image ();
JPEG1.src = "m1.jpg";
var JPEG2 = new Image ();
JPEG2.src = "m2.jpg";
var JPEG3 = new Image ();
JPEG3.src = "m3.jpg";

Funktionen anim_img (x)
{
if (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 Klistra in följande uttalanden efter "kropp" tag i dokumentet. Detta uttalande definierar en "img" tag som heter "myjpegs." Den taggen innehåller en sökväg till den första JPEG-fil i animeringssekvensen. "Namn" och "id" attribut med värdet "myJPEGs" aktivera JavaScript-koden för att ändra sökvägen nyss nämnda. Den "src" attributet i "img" tag är inställd på att sökväg.

<Img id = "myJPEGs" name = "myJPEGs" src = "m1.jpg">

4 Tryck på "Control" och "S" samtidigt för att visa dialogrutan för att spara dokument. Skriv ner namnet på den mapp där du sparar dokumentet, och skriver sedan ett namn i "Filnamn" textrutan som slutar i "htm".

5 Klicka på "Enkel text" post i "Typ" rullgardinsmenyn, och klicka sedan på "Spara" för att spara webbsidan till disk.

6 Öppna Utforskaren, och sedan navigera till en mapp med flera JPEG-bilder, till exempel "Mina bilder" mappen. Använd Explorer kontroller för att välja tre JPEG-bilder, och sedan på "Control" och "C" samtidigt för att kopiera bilder till Windows Urklipp.

7 Navigera till den mapp där du sparade webbdokument, och sedan på "Control" och "V" samtidigt för att klistra in JPEG i mappen. Använd Explorer "Byt namn" för att byta namn på bilderna som "m1.jpg", "m2.jpg" och "m3.jpg."

8 Klicka på din html-dokument och tryck på "Enter" för att öppna dokumentet i webbläsaren. Du kommer att se animerad sekvens av JPEG.


        

Välkommen till dig för att skicka en kommentar:

            
            
            
            

© 2020 Astrixsoft.com | Contact us: webmaster# astrixsoft.com