RotationElementCet objet permet de faire tourner un élément en sens horaire ou anti-horaire. Deux méthodes permettent de stopper la rotation, une méthode permet de masquer l’élément. Voici le prototype, les 3 premiers paramètres sont obligatoires :
RotationElement (idElement, origineX, origineY, amplitude, intervalle)
Télécharger l’objet avec fichier d’exemple (.zip)
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.
nomObjet.enMvt est à false pour éviter d’accélérer une rotation en cours ;
amplitude est à 5 par défaut, on trouve le diamètre de rotation en multipliant l’amplitude par 8 : le diamètre de rotation est donc de 40 pixels par défaut ;
intervalle séparant chaque mouvement.
| Les paramètres soulignés sont obligatoires | |
idElement
|
Chaîne ID de l'élément à faire tourner |
|---|---|
origineX
|
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
|
nomObjet.enMvt
|
Booléen vaut true pendant la rotation et false en-dehors
|
|---|
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 |