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: retourne uniquement le chemin de l'image pour utilisation par une autre action.

Style CSS

  • id: Identifiant
  • 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"
Girafe au biberon

Une image parmi d'autres

Girafe au biberon

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

Pour info, cette page utilise 9 action(s) :
upactionslist (1) flexbox (3) image-random (3) kawa (1) jcontent-info (1)