aboutsummaryrefslogtreecommitdiff
path: root/content/overview-images
diff options
context:
space:
mode:
Diffstat (limited to 'content/overview-images')
-rw-r--r--content/overview-images/index.fr.md28
-rw-r--r--content/overview-images/index.md2
2 files changed, 18 insertions, 12 deletions
diff --git a/content/overview-images/index.fr.md b/content/overview-images/index.fr.md
index 9621c7f..a2f014b 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 001deac..2ebfabb 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.