- Insérez votre texte et/ou les adresses de vos images ou de vos liens dans la zone de saisie.

- Les images et les liens doivent être rentrés avec leur adresse complète (ex: http://...).
Laissez au moins un espace entre chaque adresse ou utilisez la touche Entrée du clavier pour séparer les adresses.

- Les images reconnues sont de type .jpg .jpeg .png et .gif

- Utilisez la ligne "IMAGE / LIEN" uniquement pour formater des images cliquables et positionnez le curseur à l'endroit choisi dans la zone de texte juste avant de cliquer sur "Ok", sinon le code sera inséré en début de zone.

- Rentrez une valeur en pixel dans le champ "Largeur" pour définir la largeur du cadre.

- Rentrez "auto" ou laissez vide le champ "Hauteur" pour un calcul automatique de la hauteur du cadre, notamment pour les images. Le nombre à droite en grisé indique la hauteur. Une hauteur supérieure peut-être utilisée pour espacer un défilement de texte.

- Le champ "Espace" exprimé en pourcentage de la largeur du cadre, détermine l'espacement entre le retour de boucle pour les boucles continues (sans effet pour le mode aller-retour décrit ci-dessous).

- Le bouton permet de faire un aller-retour, de la position initiale jusqu'au bord du cadre opposé au sens de défilement, puis retour à la position initiale.

- Le champ "Départ" exprimé en pourcentage de la largeur du cadre, défini la position de départ de l'objet défilant par rapport au cadre.
A noter que lorsque la largeur du cadre est supérieure à la largeur de l'objet défilant - et uniquement dans ce cas - la valeur 0 est utilisée pour calculer la position qui permet de caler la fin de l'objet défilant sur le bord du cadre afin qu'il soit visible en totalité avant le mouvement (voir exemple 5).
Toujours dans le cas particulier où la largeur du cadre est supérieure à la largeur de l'objet défilant, vous pouvez rentrer une valeur voisine de zéro, ex : 0.01, pour caler le début de l'objet défilant sur le bord opposé au sens de défilement pour le mode boucle continue - aucun intérêt pour le mode aller-retour puisqu'il suffit de mettre 0 et de changer le sens de défilement (le fonctionnement est facile à comprendre en faisant quelques essais).

- Le champ "Pause" exprimé en milliseconde permet de ne commencer le défilement qu'après ce temps d'attente. Ce paramètre est également pris en compte pour le retour dans le mode aller-retour.


Lorsqu'un objet défilant est crée, sa largeur s'affiche pour information sous le champ "Pause".

Une fois l'objet défilant créé dans ce module, vous pouvez récupérer le code utile en cliquant sur la barre "Code webmestre" - qui est activé uniquement lorsqu'un objet défilant est créé - puis en faisant afficher le code source de la page.

Par défaut, l'objet défilant arrête son mouvement lors du survol de la souris - onmouseover - et le reprend lorque la souris s'éloigne de la zone - onmouseout. Vous pouvez modifier ce comportement en supprimant ces attributs dans le code webmestre. Idem pour le symbol qui s'affiche sous l'objet défilant et permet d'inverser le sens de défilement en cours jusqu'à la position initiale de départ.

Exemples :
1/ Objet défilant avec texte, image et lien.
2/ Objet Défilant avec images et texte.
3/ Objet Défilant avec texte, images cliquables et pause de 2 secondes au départ.
4/ Objet Défilant aller retour dans un cadre de largeur légèrement inférieure au défilant (désolé Albert !).
5/ Objet Défilant aller retour dans un cadre plus large que le défilant, et légère pause au départ et au retour.
6/ Exemple avec plusieurs objets défilants.

Ce module va rechercher les dimensions des images, processus assez gourmand qui prend plus ou moins de temps en fonction de la disponibilité du serveur et du nombre d'images inclues dans le "défilant".
Le module administrateur complet inséré dans votre site, enregistre dans une base de données toutes les caractéristiques du "défilant" généré, y compris les dimensions des images, ce qui permet un affichage instantanné dans les pages "visiteurs" comme dans le code webmestre.

Note : pour trouver l'adresse d'une image sur le web, clic droit sur l'image, puis menu propriétés.