- une des images présentes dans un dossier.
- une des images entre les shortcodes
- un des blocs de contenu situés entre les shortcodes
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}- 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"
Une image parmi d'autres
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.
DEUX
upactionslist (1) flexbox (3) image-random (3) kawa (1) jcontent-info (1)