Accueil

DEFILANT    sens   Défilement vers la gauche Défilement vers le haut Défilement vers le bas Défilement vers la droite                vitesse            


%              ms       %

px  600      px  17       px


TEXTE            px Texte en gras [Gras]texte[/Gras]      Lien sur texte

IMAGE / LIEN

CADRE             px     Destination liens         Dimension L x H : px








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

- Insérez votre texte et/ou les adresses de vos images ou de vos liens dans la zone de saisie. Laissez au moins un espace entre chaque adresse ou utilisez la touche "Entrée" du clavier pour séparer les adresses.

- Les images et les liens doivent être rentrés avec leur adresse complète (http://...).

- Utilisez Lien sur texte en ayant préalablement sélectionné le texte voulu dans la zone de saisie pour faire un lien sur du texte.

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

- Choisissez le sens de défilement en cliquant sur la flèche appropriée.

- Choisissez le mode "boucle" ou "aller-retour". Le mode "aller-retour" permet de faire un aller-retour, de la position initiale jusqu'au bord du cadre, puis retour à la position initiale. Le mode "boucle" permet un défilement en boucle continue et l'espacement entre deux boucle est défini par "retour de boucle" qui s'affiche lorsque vous avez choisi ce mode. La valeur du champ "retour de boucle" s'exprime en pourcentage par rapport à la dimension du cadre.

- Le champ "Départ" qui s'exprime également en pourcentage par rapport à la dimension du cadre, défini la position de départ de l'objet défilant par rapport au cadre. Avec la valeur 100% le défilant est entièrement caché avant de commencer à défiler
A noter que lorsque la dimension du cadre est supérieure à la dimension 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 6).
Toujours dans le cas particulier où la dimension du cadre est supérieure à la dimension 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" - 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).

- Choisissez "auto" pour un démarrage automatique du défilant au chargement de la page. Si vous cliquez sur "manuel" le défilant démarrera au survol du bouton de navigation situé sous le défilant.

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

- La largeur et la hauteur du défilant visible à l'écran s'expriment en pixels. Vous pouvez choisir de mettre "auto" dans ces champs pour que la dimension s'ajuste en fonction de la largeur et/ou de la hauteur maximale de vos images. Dans cette configuration, si aucune image n'est trouvée, le défilant prendra des dimensions par défaut. Ajustez ces valeurs en fonction de vos besoins. A noter que pour le mode aller-retour, si la dimension visible du défilant fait exactement la dimension réelle du défilant et que le départ est défini sur 0, il n'y aura logiquement aucun mouvement.

- L'espacement vertical ou horizontal du défilant par rapport au cadre - espacement v./cadre ou espacement h./cadre - s'exprime en pixels (s'ajoute au dimensions du défilant).

- Si vous avez choisi un défilement vertical vous pouvez choisir le type d'alignement du texte et définir l'interligne.

A noter que les dimensions totales du cadre indiquées dans la ligne "Cadre" sont les dimensions hors tout, incluant la dimension du défilant, plus l'espacement du défilant par rapport au cadre, plus les bords du cadre. Ces dimensions sont recalculées au chargement de la page ou lorsque vous modifiez un des champs mentionnés ci-dessus.


Par défaut le défilant s'arrête à son survol par la souris puis reprend son mouvement au survol du bouton de navigation et un click sur le bouton de navigation inverse le défilement (jusqu'à la position initiale de départ).
Vous pouvez modifier ces comportements :
Vous disposez des fonctions "DF_ObjetDefilant_On", "DF_ObjetDefilant_Off", "DF_ObjetDefilant_On_Off", "DF_ObjetDefilant_On_Inverse" et "DF_ObjetDefilant_Inverse" pour contrôler le défilement avec les évènements de votre choix (onclick, mouseover, onmouseout...), sur les blocs de votre choix. Toutes ces fonctions prennent comme paramètre l'id du bloc défilant ex : onmouseout = "DF_ObjetDefilant_On('id_defilant')".


    Objet défilant avec texte, image et lien direct.
    Objet défilant avec image, texte et pause de 2 secondes au départ.
    Objet défilant avec lien sur texte, images cliquables et pause de 2 secondes au départ.
    Idem exemple 3, lien sur texte, liens sur images, avec défilement vertical.
    Objet défilant aller retour dans un cadre de largeur légèrement inférieure au défilant (désolé Albert !).
    Objet défilant aller retour dans un cadre plus large que le défilant.
    Objet défilant vertical avec marge interne, liens sur images et pause de 2 secondes au départ.
    Exemple avec plusieurs objets défilants.
    Exemples avec d'autres comportements de navigation.
    Exemple avec fonctions additionnelles de fondu enchainé (réglé différemment suivant le menu utilisé).


Technique : PHP, Javascript.

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.


***** 114427 visiteurs depuis le 1er janvier 2007 dont 20 aujourd'hui, 1581493 pages affichées *****