AgrandissementImage

Un objet JavaScript
faisant apparaître une image par agrandissement

Cet objet fait apparaître une image par agrandissements successifs (méthode agrandir()) et la fait disparaître par rapetissement (méthode rapetisser()). L’image est insérée via le DOM, il n’y a pas à la définir dans le code HTML. Voici le prototype, seuls les 2 premiers paramètre sont obligatoires :

AgrandissementImage (urlImage, nomVarJS, positionX, positionY,
          conteneur, intervalle)
		

Télécharger l’objet avec fichier d’exemple (.zip)

Utilisation

1 – Insérer l’objet AgrandissementImage dans l’élément head de la page :

<script src="objet-agrandissement-image.js"
          type="text/javascript"></script>
		

2 – Créer une instance de l’objet. Le nom de la variable JavaScript référençant l’objet doit être transmis en 2e paramètre, comme a_agrandir dans notre exemple :

var a_agrandir = new AgrandissementImage (“image.jpg”,
          "a_agrandir", 200, 200)
		

3 – Agrandir et rapetisser l’image, par exemple sur des liens :

<a href="#" onclick="if (!a_agrandir.enMvt)
          a_agrandir.agrandir()"> … </a>
<a href="#" onclick="if (!a_agrandir.enMvt)
          a_agrandir.rapetisser()"> … </a>
		

À savoir

Paramètres
Les paramètres soulignés sont obligatoires
urlImage Chaîne URL de l’image à agrandir
nomVarJS Chaîne nom de la variable JavaScript référençant l’instance de l’objet
positionX
positionY
Entiers positions horizontale et verticale de l’angle supérieur gauche de l’image par rapport à son conteneur (pixels), 0 si non précisé
conteneur Chaîne ID de l'élément auquel l’image est ajoutée dans le DOM (élément body par défaut)
intervalle Entier intervalle séparant l’affichage des images en millisecondes, 10 millisecondes par défaut
Propriétés
nomObjet.on Booléen vaut true lorsque l’image est affichée, false sinon
nomObjet.enMvt Booléen vaut true pendant la durée de l’agrandissement et du rapetissement, false en-dehors
Méthodes
agrandir() Agrandir l’image
rapetisser() Rapetisser l’image jusqu’à disparition
cacher() Masquer l’image sans rapetissement

imprimer

télécharger

haut de page

François Delègue