`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 2^e 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

L’image est agrandie jusqu’à sa taille nominale ;
Tester nomObjet.enMvt avant de lancer l’agrandissement et le rapetissement, pour éviter de pertuber un mouvement qui serait en cours ;
Le paramètre intervalle permet de régler la vitesse d’apparition.

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

AgrandissementImage

Un objet JavaScriptfaisant apparaître une image par agrandissement

Utilisation

À savoir

François Delègue

`AgrandissementImage`

Un objet JavaScript
faisant apparaître une image par agrandissement