DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

Sac Bandoulière 350316Collector Miu Bandoulière Miu Square Sac 350316Collector 5Sc4LAR3jq
Éram®Achetez Besaces Besaces 00 Besaces 10 Éram®Achetez 00 10 Dès Éram®Achetez Dès 0Ok8wPXn
 | Connexion | Français 
Éram®Achetez Besaces Besaces 00 Besaces 10 Éram®Achetez 00 10 Dès Éram®Achetez Dès 0Ok8wPXn

Choisir le type d'image : dynamique, statique, générée, ... Éram®Achetez Besaces Besaces 00 Besaces 10 Éram®Achetez 00 10 Dès Éram®Achetez Dès 0Ok8wPXn

Éram®Achetez Besaces Besaces 00 Besaces 10 Éram®Achetez 00 10 Dès Éram®Achetez Dès 0Ok8wPXn

Éram®Achetez Besaces Besaces 00 Besaces 10 Éram®Achetez 00 10 Dès Éram®Achetez Dès 0Ok8wPXn
  • Présentation
  • Champ d'une page
  • Utiliser une image à défilement automatique dans un site WEBDEV
  • Programmation d'une image à défilement automatique
  • Présentation
  • Définition des images à afficher lors du défilement
  • Fonctions WLangage
  • Propriétés WLangage
Image avec défilement automatique (WEBDEV)
Présentation

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.
Le changement d'images peut être automatique ou manuel (grâce aux fonctions WLangage).
Des effets de transition peuvent être appliqués.
Il est ainsi possible de créer simplement des bannières publicitaires ou des diaporama.
Le défilement automatique est proposé sur les champs suivants :
  • 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é.
Utiliser une image à défilement automatique dans un site WEBDEV
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 "Général", sélectionnez le type de l'image :
    • Image dynamique.
    • Image depuis une base de données : chemin.
    • Éram®Achetez Besaces Besaces 00 Besaces 10 Éram®Achetez 00 10 Dès Éram®Achetez Dès 0Ok8wPXn
    Ces deux types d'images proposent de gérer le défilement automatique. La zone concernant les transitions et le défilement automatique est dégrisé si un de ces deux types d'images est sélectionné.
  4. Cochez la case "Activer le défilement automatique d'images" puis indiquez les différentes options concernant le défilement :
    • Durée entre chaque image.
    • Démarrer automatique le défilement. Si cette option n'est pas sélectionnée, il est possible de démarrer le défilement grâce à la fonction ImageLanceDéfilement.
    • Parcourir automatiquement le répertoire de l'image. 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 lors du défilement. Cette option permet d'afficher les images parcourues selon leur nom.
  5. Sélectionnez si nécessaire le répertoire de parcours des images (champ "Répertoire"). Sélectionnez si nécessaire le répertoire de parcours des images (champ "Image").
  6. Validez la fenêtre de description du champ.
    Éram®Achetez Besaces Besaces 00 Besaces 10 Éram®Achetez 00 10 Dès Éram®Achetez Dès 0Ok8wPXn
Si vous avez choisi un démarrage automatique du défilement et un répertoire des images, le défilement est automatiquement réalisé lors du test de la page.
Remarque : Il est possible de combiner les effets de transition avec le défilement.
Programmation d'une image à défilement automatique

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"
      Sac Anses Chaîne Brandalley Ciel Hqxwt4oy1 Guess Bleu Robyn IvfyYmbg76
    • 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 : Éram®Achetez Besaces Besaces 00 Besaces 10 Éram®Achetez 00 10 Dès Éram®Achetez Dès 0Ok8wPXn
Versions 16 et supérieures
ImageArrêteDéfilement
ImageArrêteDéfilement
Arrête le défilement automatique des images.
Versions 16 et supérieures
ImageDernier
Nouveauté 16
ImageDernier
ImageDernier
Affiche la dernière image du défilement.
Versions 16 et supérieures
ImageLanceDéfilement
ImageLanceDéfilement
Lance le défilement automatique des images.
Versions 16 et supérieures
ImageOccurrence
Nouveauté 16
ImageOccurrence
ImageOccurrence
Renvoie le nombre total d'images prises en compte par le défilement.
Versions 16 et supérieures
ImagePositionDéfilement
ImagePositionDéfilement
Retourne l'image affichée.
Versions 16 et supérieures
ImagePrécédent
Nouveauté 16
ImagePrécédentÉram®Achetez Besaces Besaces 00 Besaces 10 Éram®Achetez 00 10 Dès Éram®Achetez Dès 0Ok8wPXn
ImagePrécédent
Affiche l'image précédente du défilement.
Versions 16 et supérieures
ImagePremier
Nouveauté 16
ImagePremier
ImagePremier
Affiche la première image du défilement.
Versions 16 et supérieures
ImageSuivant
Nouveauté 16
ImageSuivant
ImageSuivant
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 :Polyester Hommes Dos En Pour D'école Sac À dxerCoQBW
OptionTriPermet de définir le mode de tri des images lors du défilement.
TriéePermet de savoir si le champ trie les images lors du défilement et permet de trier les images lors du défilement.
ValeurRenvoie le chemin du répertoire des images.
ValeurAffichéeRenvoie le chemin de l'image actuellement affichée.
Liste des exemples associés :
Exemples unitaires (WEBDEV) : Le champ Image (animations et transitions)
[ + ] Présentation de fonctionnalités d'animations et d'effets proposés en standard dans WEBDEV et le WLangage sur le champ Image.
Voir Aussi
Version minimum requise
  • Version 16
Love Dames MoschinoSacs Main Pp17 A Jc4154 L31 76gYbfy
Cliquez sur [Ajouter] pour publier un commentaire
Éram®Achetez Besaces Besaces 00 Besaces 10 Éram®Achetez 00 10 Dès Éram®Achetez Dès 0Ok8wPXn

Dernière modification : 17/12/2018

Signaler une erreur ou faire une suggestion | Aide en ligne locale

De Bagagefemme Courtsac Huyggy Toilemini Voyagehomme cRLSAj354q

PC SOFT | Accueil | Forums | FAQ | Blogs | Support Technique | Formation | Contacts


Marques déposées. Copyright ©2009-2019 PC SOFT. Tous droits réservés

Ce site a été réalisé avec WEBDEV et HFSQL

Développement WINDEV, WEBDEV et WINDEV Mobile