image-random ~ affiche une image aléatoire d'un dossier

Que ce soit dans un article ou dans un module, cette action affiche
  • une des images présentes dans un dossier.
  • une des images entre les shortcodes
  • un des blocs de contenu situés entre les shortcodes
➠ image_random : Affiche aléatoirement une des images d'un dossier

Cliquer pour lire la documentation

Le dossier peut être un pattern valide pour la fonction PHP GLOB
syntaxe 1 : {up image-random=folder}
syntaxe 2 : {up image-random}image 1{===}image 2 avec lien{/up image-random}
syntaxe 3 : {up image-random}content 1{===}content 2{/up image-random}
author LOMART version UP-1.8.2 license GNU/GPLv3 tags image
  • image_random: dossier des images
  • path-only = 0: retourne uniquement le chemin de l'image pour utilisation par une autre action.
  • class: classe(s) pour bloc
  • style: style inline pour bloc
  • css-head (base-css): style ajouté dans le HEAD de la page

    Une image d'un dossier

    Il suffit d'indiquer le nom du dossier contenant les images

    {up image-random=images/image-random | class=bd-grisFonce ombreMax}

    Il suffit de recharger la page pour changer d'animal.

    L'option class permet de styler l'image affichée. Ici, une bordure grise avec une ombre. Un attribut alt est généré à partir du nom du fichier.

    Il est possible de mettre des liens sur les images en ajoutant un fichier link.ini dans le dossier des images. Ce fichier, au standard .INI, doit contenir le nom de l'image, un signe égal puis l'URL entre guillemets. L'option target permet de définir la cible.

    girafe-au-biberon.jpg="https://fr.wikipedia.org/wiki/Girafe"
    elephant-baignade.jpg="https://fr.wikipedia.org/wiki/%C3%89l%C3%A9phant"
    
    Elephant baignade

    Une image parmi d'autres

    Zebres

    Vous pouvez mettre les images entre les shortcodes (ouvrant et fermant)

    {up image-random | class=shadowMax}
    <img src="/images/actions-demo/image-random/zebres.jpg">
    <a href="https://fr.wikipedia.org/wiki/%C3%89l%C3%A9phant"><img src="/images/actions-demo/image-random/elephant-baignade.jpg"></a>
    <a href="https://fr.wikipedia.org/wiki/Girafe"><img src="/images/actions-demo/image-random/girafe-au-biberon.jpg"></a>
    {/up image-random}
    

    Uniquement les images avec leur lien seront récupérées

    Note : si absente, la balise alt est ajoutée

    Des blocs dans le contenu

    Bien que l'action se nomme image-random, il est possible d'afficher un bloc au hasard parmi ceux situés entre le shortcode ouvrant et fermant.
    Il faut séparer les blocs avec le shortcode habituel de UP : {=====}.

    {up image-random | class=tc bd-rouge}
    <span class="badge-vert">UN</span>
    {===}
    <span class="badge-bleu">DEUX</span>
    <br><img src="/images/joomla-logo.png" style="margin-top:10px">
    {===}
    Une pause détente avec </br>
    {up kawa}
    {/up image-random}

    Vous pouvez saisir tout le code HTML que vous voulez et même des actions UP.

    La classe et le style seront appliqués à un bloc créé autour de votre contenu HTML.

    UN