diff --git a/content/overview-images/index.fr.md b/content/overview-images/index.fr.md index 9621c7f2..a2f014bc 100644 --- a/content/overview-images/index.fr.md +++ b/content/overview-images/index.fr.md @@ -18,9 +18,11 @@ Cet article couvre les **shortcodes imgswap et img**. Les images peuvent égalem # img Shortcode -- src est le chemin et le nom de fichier de l'image. (obligatoire) -- class définit une classe pour l'image. (facultatif) -- alt définit la note alt pour l'image. +- src est le chemin et le nom de fichier de l'image par défaut. (obligatoire) +- class définit une classe pour l'image. +- alt définit la note alt de l'image. +- caption définit le texte de la légende sous l'image. +- link définit un lien hypertexte pour l'image. - w est la largeur de l'image. - h est la hauteur de l'image. @@ -34,23 +36,23 @@ Cours optionnels: ## Utilisation (même chemin) ```rs -{{/* img(src="ferris-happy.svg" alt="Ferris est heureux") */}} +{{/* img(src="ferris-happy.svg" class="ci" alt="Ferris est heureux" caption="Ferris" link="https://www.rust-lang.org/") */}} ``` -**Sortir** +**Output** ```html -{{ img(src="ferris-happy.svg" alt="Ferris est heureux") }} +{{ img(src="ferris-happy.svg" class="ci" alt="Ferris est heureux" caption="Ferris" link="https://www.rust-lang.org/") }} ``` -{{ img(src="ferris-happy.svg" alt="Ferris est heureux") }} +{{ img(src="ferris-happy.svg" class="ci" alt="Ferris est heureux" caption="Ferris" link="https://www.rust-lang.org/") }} ## Utilisation (chemin relatif ./) ```rs -{{/* img(src="./img/ferris-gesture.svg" alt="Ferris dit bonjour") */}} +{{/* img(src="./img/ferris-gesture.svg" alt="Ferris dit bonjour" caption="Ferris" link="https://www.rust-lang.org/") */}} ``` -**Sortir** +**Output** ```html -{{ img(src="./img/ferris-gesture.svg" alt="Ferris dit bonjour") }} +{{ img(src="./img/ferris-gesture.svg" alt="Ferris dit bonjour" caption="Ferris" link="https://www.rust-lang.org/") }} ``` -{{ img(src="./img/ferris-gesture.svg" alt="Ferris dit bonjour") }} +{{ img(src="./img/ferris-gesture.svg" alt="Ferris dit bonjour" caption="Ferris" link="https://www.rust-lang.org/") }} ## Utilisation (chemin racine /) ```rs @@ -77,8 +79,10 @@ Lorsque vous passez votre souris sur l'image, l'image à comparer s'affiche. - main_src est le chemin et le nom de fichier de l'image par défaut. (obligatoire) - swap_src est le chemin et le nom de fichier de l'image d'échange. (obligatoire) -- class définit une classe pour l'image. (facultatif) +- class définit une classe pour l'image. - alt définit la note alt pour l'image. +- caption définit le texte de la légende sous l'image. +- link sets a hyperlink for the image. - w est la largeur de l'image. - h est la hauteur de l'image. diff --git a/content/overview-images/index.md b/content/overview-images/index.md index 001deac3..2ebfabb5 100644 --- a/content/overview-images/index.md +++ b/content/overview-images/index.md @@ -21,6 +21,7 @@ This post covers the **imgswap and img shortcodes**. Images can also be embedded - src is the path and filename of the image. (mandatory) - class sets a class for the image. - alt sets the alt note for the image. +- caption sets the caption text below the image. - link sets a hyperlink for the image. - w is the width of the image. - h is the height of the image. @@ -80,6 +81,7 @@ When you hover your mouse over the image it will display the image to compare. - swap_src is the path and filename for the swap image. (mandatory) - class sets a class for the image. - alt sets the alt note for the image. +- caption sets the caption text below the image. - link sets a hyperlink for the image. - w is the width of the image. - h is the height of the image.