Champ d'une page

Le champ Image à défilement automatique permet de visualiser un ensemble d'images présent dans un ou plusieurs répertoires du site. Le parcours des images est effectué automatiquement.

• Champ Image.
• Champ Image cliquable.
• Champ Vignette.

Remarque : Si les différentes images utilisées par le défilement automatique ont des tailles différentes, le mode d'affichage précisé dans l'onglet "Général" du champ est automatiquement appliqué.

Pour utiliser une image à défilement automatique dans un site WEBDEV :

1. Créez un champ Image.
2. Affichez la fenêtre de description du champ (option "Description" du menu contextuel du champ Image).
3. Dans l'onglet "UI", dans la zone "Défilement automatique", cochez l'option "Faire défiler les images d'un répertoire ou d'une liste programmée" puis indiquez les différentes options concernant le défilement :
   • Durée entre chaque image : indique le délais d'affichage de l'image.
   • Démarrer automatiquement. Si cette option n'est pas sélectionnée, il est possible de démarrer le défilement grâce à la fonction <Image>.LanceDéfilement.
   • Parcourir le répertoire de l'image (Onglet Général) : Cette option permet de parcourir toutes les images présentes dans le répertoire actuellement sélectionné pour le champ Image (ou le répertoire de l'image actuellement associée au champ Image). Dans ce cas, le parcours n'est pas récursif : les images des sous-répertoires ne sont pas parcourues.
   • Trier le contenu du défilement : Cette option permet d'afficher les images parcourues selon leur nom. Sélectionnez si nécessaire le répertoire de parcours des images (champ "Image").
4. Validez la fenêtre de description du champ.

Présentation

Les champs proposant un défilement automatique peuvent être manipulés par programmation grâce à différentes fonctions et propriétés WLangage. Ces fonctions et propriétés sont disponibles également en code navigateur et en PHP.

Définition des images à afficher lors du défilement

Les images affichées dans le champ lors du défilement peuvent être :

• présentes dans le répertoire sélectionné dans la fenêtre de description du champ.
• associées au champ par programmation. Exemples :
  • Une liste d'images est associée au champ :
    
    // Affectation en code serveur
    IMG_Image = "chiffres_0.png" + RC + "chiffres_1.png" + RC + ...
    "chiffres_2.png" + RC + "chiffres_3.png"
    
  • Un répertoire contenant des images est associé au champ :
    
    IMG_Image = "images"
    
    Ce code permet d'associer un ensemble d'images ou un répertoire au champ. Le chemin est relatif au répertoire des images du site (répertoire _WEB).

Fonctions WLangage

Différentes fonctions du WLangage permettent de gérer les images à défilement automatique. Ces fonctions sont les suivantes :

Versions 16 et supérieures <Image>.ArrêteDéfilement Nouveauté 16 <Image>.ArrêteDéfilement <Image>.ArrêteDéfilement	Arrête le défilement automatique des images.
Versions 16 et supérieures <Image>.Dernier Nouveauté 16 <Image>.Dernier <Image>.Dernier	Affiche la dernière image du défilement.
Versions 16 et supérieures <Image>.LanceDéfilement Nouveauté 16 <Image>.LanceDéfilement <Image>.LanceDéfilement	Lance le défilement automatique des images.
Versions 16 et supérieures <Image>.Occurrence Nouveauté 16 <Image>.Occurrence <Image>.Occurrence	Renvoie le nombre total d'images prises en compte par le défilement.
Versions 16 et supérieures <Image>.PositionDéfilement Nouveauté 16 <Image>.PositionDéfilement <Image>.PositionDéfilement	Retourne l'image affichée.
Versions 16 et supérieures <Image>.Précédent Nouveauté 16 <Image>.Précédent <Image>.Précédent	Affiche l'image précédente du défilement.
Versions 16 et supérieures <Image>.Premier Nouveauté 16 <Image>.Premier <Image>.Premier	Affiche la première image du défilement.
Versions 16 et supérieures <Image>.Suivant Nouveauté 16 <Image>.Suivant <Image>.Suivant	Affiche l'image suivante du défilement.

Propriétés WLangage

Différentes propriétés du WLangage permettent de gérer les images à défilement automatique. Ces propriétés sont les suivantes :

OptionTri	Permet de définir le mode de tri des images lors du défilement.
Triée	Permet de savoir si le champ trie les images lors du défilement et permet de trier les images lors du défilement.
Valeur	Renvoie le chemin du répertoire des images.
ValeurAffichée	Renvoie le chemin de l'image actuellement affichée.