Ús de l'objecte Image()

---

En aquest exemple tenim, a l'esquerra, un element <input type=button>, el qual té associat el gestor d'esdeveniments onClick, que engega la funció sequencia().

A la dreta hi ha un espai per a la imatge, <img>, al qual hem donat un nom, name="lloc". La denominació de l'origen genèric de les imatges serà, doncs,

document.lloc.src

En carregar-se el document, actua la funció imatges(), que carrega totes les imatges que es faran servir i amb aquestes construeix sengles exemplars de l'objecte Image(). D'altra banda, carrega la primera imatge i inicia un comptador.

Cada vegada que fem clic en el botó, s'engega la funció sequencia(). Aquesta funció consta de quatre línies, la comesa de les quals és:

• La primera augmenta en una unitat el valor del comptador.
• Però només hi ha quatre imatges; per això, si num es fa més gran que 4, el fem tornar a 1.
• La tercera línia és una concatenació, que construeix la denominació de l'exemplar.
• I, finalment, la darrera línia col·loca la imatge en l'espai corresponent.

---

Aquest document té un programa de JavaScript exterior:

function imatges(){    im1=new Image();im1.src="703_1.jpg";    im2=new Image();im2.src="703_2.jpg";    im3=new Image();im3.src="703_3.jpg";    im4=new Image();im4.src="703_4.jpg";    document.lloc.src=im1.src;    num=1; } function sequencia(){    num=num+1;    if(num>4){num=1;}    orig=eval("im"+num+".src");    document.lloc.src=orig; }