Voici un petit exemple illustrant l'usage des objets Image. Glissez la souris
sur la ville de Lao Cai ou de Hanoi pour avoir un apercu des possibilités de ces objets...
<HEAD><SCRIPT langage="JavaScript1.2">
// Fonction d'affichage des imagettes
function afficheImagette(image) {
window.document.imagette.src = image.src
window.status = image.commentaire
}
// Si le chargement dâune image est interrompu, on avertit lâutilisateur que
// la page risque de ne pas etre aussi belle que prvu
function messErreur() {
alert('Le chargement de lâimage ' + this.src +
' a chou !\nCette image ne peut pas tre affiche...')
}
// On modifie la classe Image de facon a rajouter une propriete commentaire
// et mettre une valeur par dfaut pour les vnements onError et onAbort
Image.prototype.commentaire=null
Image.prototype.onerror=messErreur
Image.prototype.onabort=messErreur
// Chargement des imagettes
hanoi = new Image()
hanoi.src = '../images/hanoi.gif'
hanoi.commentaire = 'La rgion de Hanoi'
laocai = new Image()
laocai.src = '../images/laocai.gif'
laocai.commentaire = 'La rgion des montagnes du nord'
drapeau = new Image()
drapeau.src = '../images/drapeau.gif'
drapeau.commentaire = ''
</SCRIPT></HEAD>
<BODY BGCOLOR=#FFFFFF LINK=#0078A0 VLINK=#0078A0>
<MAP NAME="MAP">
<AREA SHAPE=RECT COORDS=110,1,180,30
HREF="nord.htm"
onMouseOver="afficheImagette(laocai); return true;"
onMouseOut="afficheImagette(drapeau)">
<AREA SHAPE=RECT COORDS=140,60,190,86 HREF="hanoi.htm"
onMouseOver="afficheImagette(hanoi); return true;"
onMouseOut="afficheImagette(drapeau)">
</MAP>
<IMG SRC="../images/map.gif" ALIGN="left" BORDER=0 USEMAP="#MAP">
<H1 ALIGN=CENTER>Le Vietnam</H1>
<HR WIDTH=50%>
<BR><BR>Voici un petit exemple illustrant l'usage des objets <B><I>Image</I></B>. Glissez la souris
sur la ville de Lao Cai ou de Hanoi pour avoir un apercu des possibilités de ces objets...<BR><BR>
<CENTER><IMG SRC="../images/drapeau.gif" NAME="imagette"></CENTER>
<BR>
</BODY>
Le Vietnam