March 28
JPEG non possono memorizzare più immagini in un singolo file GIF come può. Tuttavia, è possibile effettuare una sequenza di animazione di file JPEG utilizzando JavaScript, il linguaggio di programmazione per il browser Web. Le istruzioni JavaScript più importanti per questo progetto comprendono l'affermazione "setInterval", che imposta un timer che repeatedy esegue una funzione definita dall'utente. Altre dichiarazioni chiave sono quelli per la modifica dinamica della proprietà "src" di un tag HTML "img".
1 Aprire WordPad e incollare le seguenti dichiarazioni HTML. Queste dichiarazioni definiscono una pagina Web vuota, su cui è possibile aggiungere il codice JavaScript che anima i file JPEG e altri tipi di immagine.
<Html>
<Head>
</ Head>
<Body>
</ Body>
</ Html>
2 Incollare le seguenti dichiarazioni dopo il tag "testa" nel documento. Queste dichiarazioni definire ed eseguire una funzione JavaScript chiamata anim_img, che carica i file JPEG nella pagina Web. L'affermazione "setInterval" seguendo questa funzione chiama quella funzione quando si carica la pagina Web nel browser Web. Per poter utilizzare questo codice JavaScript, scrivere una dichiarazione HTML nella sezione "corpo" del documento che utilizza il tag "img" di nome "myJPEGs."
<Script type = "text / javascript">
var idx_img = 1;
/
Caricare le immagini di animazione /
var = JPEG1 nuova immagine ();
JPEG1.src = "m1.jpg";
var = JPEG2 nuova immagine ();
JPEG2.src = "m2.jpg";
var = JPEG3 nuova immagine ();
JPEG3.src = "M3.jpg";
Funzione 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 Incollare le seguenti dichiarazioni dopo il tag "corpo" nel documento. Questa dichiarazione definisce un tag "img" di nome "myjpegs." Questo tag include un percorso per il primo file JPEG nella sequenza di animazione. Il "nome" e "id" attributi con i "myJPEGs" valore attivare il codice JavaScript per modificare il percorso appena citato. L'attributo "src" del tag "img" è impostato su quel percorso.
<Img id = "myJPEGs" name = "myJPEGs" src = "m1.jpg">
4 Premere il tasto "Control" e "S" simultaneamente per visualizzare la finestra di dialogo per il salvataggio dei documenti. Annotare il nome della cartella in cui si sta salvando il documento e quindi digitare un nome nella casella di testo "Nome file" che termina in ".htm".
5 Fare clic sulla voce "Testo normale" nell'elenco a discesa "Tipo", e quindi fare clic su "Salva" per salvare la pagina Web su disco.
6 Aprire Esplora risorse e quindi passare a una cartella con diverse immagini JPEG, ad esempio la cartella "My Pictures". Utilizzare i controlli di Explorer per selezionare tre immagini JPEG, e quindi premere il tasto "Control" e "C" simultaneamente per copiare le immagini negli appunti di Windows.
7 Passare alla cartella in cui è stato salvato il documento Web e premere "Control" e "V" simultaneamente per incollare i file JPEG nella cartella. Utilizzare Explorer di "Rinomina" il comando per rinominare le immagini come "m1.jpg," "m2.jpg," e "M3.jpg".
8 Fare clic sul documento HTML e premere "Invio" per aprire il documento nel browser Web. Vedrete la sequenza animata dei file JPEG.