RotationElement

Un objet JavaScript
faisant tourner des éléments

Cet objet permet de faire tourner un élément en sens horaire ou anti-horaire. Deux mé­tho­des permettent de stopper la rotation, une méthode permet de masquer l’élément. Voici le pro­to­type, les 3 premiers paramètres sont obligatoires :

RotationElement (idElement, origineX, origineY, amplitude, intervalle)
	

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

Utilisation

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

<script src="objet-rotation-element.js"
          type="text/javascript"></script>
		

2 – Définir l’élément à faire tourner dans le code HTML, ici une <div> contenant une image. L’élément doit être identifié par un attribut id :

<div id="a_tourner">
     <img src="image.gif" width="200" height="200">
</div>
	

3 – Créer une instance de l’objet, placée dans le code HTML après la définition ci-dessus. La variable JavaScript créée doit porter le nom de l’attribut id de l’élément correspondant, comme a_tourner dans cet exemple :

var a_tourner = new RotationElement ("a_tourner", 100, 100)
	

4 – Lancer la rotation, ici depuis un lien :

<a href="#" onclick="if (!a_tourner.enMvt) a_tourner.tourner(0, 2)"> … </a>
	

Le 1er paramètre de la méthode tourner() est le sens de rotation, transmettre 1 pour une rotation horaire et 0 pour une rotation anti-horaire ; le second paramètre est le nombre de tours. Ces deux paramètres sont optionnels.

À savoir

Paramètres
Les paramètres soulignés sont obligatoires
idElement Chaîne ID de l'élément à faire tourner
origineX
origineY
Entiers position de l’objet, en pixels par rapport au sommet de la fenêtre
amplitude Entier amplitude de rotation, vaut 5 par défaut
intervalle Entier millisecondes entre chaque position lors de la rotation, vaut 15 par défaut
Propriété
nomObjet.enMvt Booléen vaut true pendant la rotation et false en-dehors
Méthodes
tourner(s, t) Lancer la rotation, paramètres optionnels :
Booléen s : 0 rotation anti-horaire (par défaut), 1 rotation horaire. Entier t : nombre de tours, vaut 1 par défaut
stopper() Arrêter la rotation à la fin du tour en cours
stopperNet() Arrêter la rotation immédiatement
cacher() Masquer l'objet

imprimer

télécharger

haut de page

François Delègue