logo aprelia v50 200

Il faut tout un monde pour éduquer le citoyen du village planétaire

Espace Ressources

Espace Ressources 400

Connexion

Pour faire un essai d'affichage d'une galerie d'images:

avec le plugin imageloader:

{imageloader dirpath="images/sampledata/image loader Unesco" thumbwidth=100}

 

Le plug-in ImageLoader permet d'afficher une galerie d'images dans un article en créant les vignettes à la volée.

Un clic sur les vignettes permet d'afficher l'image en popup dans sa taille originale et de consulter les autres images en galerie ; plusieurs styles d'effets sont disponibles pour les popups et les galeries.

Note : Ce plug-in fonctionne avec la bibliothèque des scripts Highslide, vous devez donc installer et activer le plug-in "Contenu Highslide JS".

Les réglages du plug-in peuvent être substitués par ceux définis dans la balise d'appel de la galerie qui est : imageloader
Ces variables s'ajoute à la suite, leur ordre n'a pas d'importance. Exemple : imageloader dirpath="images/galerie1"

Voici les différentes variables disponibles...

  • group="galerie1" - Nom de groupe pour lier des images en galerie, nécessaire si utilisé plusieurs fois dans la même page.
  • cssfile="images/galerie1/css/galerie1.css" - Appel d'une feuille de style personnalisée.
  • loadfrom=0 - Chargement depuis... (1 = fichier liste, 2 = répertoire et sous répertoire si indiqué plus loin, 3 = dossier).
  • dirpath="images/galerie1" - Chemin du répertoire (et sous-répertoires si inclus) ou du dossier des images.
  • stripext=0 - 1 masque les extensions lorsque le nom de fichier est utilisé comme légende.
  • dirdepth=2 - Niveaux de profondeur des sous-répertoires desquels les images doivent être chargées.
  • dirmetadatatemplate="images/galerie1/galerie1_data.txt" - Chemin du fichier externe des balises à utiliser comme gabarit des informations à afficher.
  • imagelistfile="images/liste_images.txt" - Chemin et nom de la liste des images à charger.
  • thumbwidth=150 - Largeur des vignettes générées en pixels ou en pourcentage (en ajoutant le signe %) de la largeur des images originales.
  • thumbquality="95%" - Qualité des vignettes en pourcentage de la qualité des images originales.
  • sharpenthumb=2 - Intensité du filtre de netteté à appliquer aux vignettes (0 à 9).
  • thumbdisplaywidth=150 - Largeur utilisée pour les vignettes, avec redimensionnement si nécessaire.
  • thumbdisplayheight=150 - Hauteur utilisée pour les vignettes, avec redimensionnement si nécessaire.
  • cropthumb=0 - 1 recadre les vignettes en carré selon la largeur et la hauteur spécifiées ci-dessus.
  • imagelimit=20 - Nombre maximum d'images à afficher dans la galerie.
  • hideoption="3" - Masquer toutes les vignettes sauf celle dont le no (en commençant à zéro) est spécifié.
  • cellcount=6 - Créer un tableau HTML avec le nombre spécifié de colonnes par ligne.
  • outputtemplate="images/galerie1/galerie1_template.txt" - Chemin du fichier externe des balises à utiliser comme gabarit de mise en page personnalisée.
  • tablehtml='cellspacing="4"' - Attributs HTML à inclure dans la balise des tableaux.
  • tbodyhtml='align="center"' - Attributs HTML à inclure dans la balise tbody des tableaux.
  • phpmemorylimit="32M" - Mémoire maximale que doit allouer le serveur PHP durant la création des vignettes (substitue la valeur du fichier php.ini).
  • phpmaxexectime="45" - temps d'exécution maximal (secondes) pour une tâche que doit allouer le serveur PHP durant la création des vignettes (substitue la valeur du fichier php.ini).
  • Vous pouvez obtenir plus de renseignements sur l'utilisation des variables par ce lien... (en anglais)

{imageloader dirpath="images/sampledata/photos_quartier" thumbwidth=150 }

Fil de navigation

En ligne

Il y a 247 invités et aucun membre en ligne

Statistiques de fréquentation

  • Clics sur articles 7117746
  • Liens web 17

Partenaires

  logo tessa01 logo ganndal4 100  logo FASTEF01 logo ADEA 01  Logo Confemen    image.png    
                   

Sites ressources

logo ejumelages aprelia v18 xxs logo aprelia moodle xxs Logo Génération5 logo CNED01 TessaTogo logo tessa logo tice burkina logo IFADEM01    
                   
Sauvegarder
Choix utilisateur pour les Cookies
Nous utilisons des cookies afin de vous proposer les meilleurs services possibles. Si vous déclinez l'utilisation de ces cookies, le site web pourrait ne pas fonctionner correctement.
Tout accepter
Tout décliner
En savoir plus
Commercial
Ensemble de techniques ayant pour objet la stratégie commerciale et notamment l'étude de marché.
Quantcast
Accepter
Décliner