diff options
| author | Jieiku | 2024-08-24 11:21:26 -0700 |
|---|---|---|
| committer | Jieiku | 2024-08-24 11:21:26 -0700 |
| commit | 559e2c1cc05f31d6cf52231ecabd94be2d0f1daa (patch) | |
| tree | 9d0f9f051bd5b971bc5b88025c3954e775dff8fc /content/overview-images/index.md | |
| parent | 9e052f0a552497be4265ab2ca3a977f6cc15b224 (diff) | |
| download | abridge-559e2c1cc05f31d6cf52231ecabd94be2d0f1daa.tar.gz abridge-559e2c1cc05f31d6cf52231ecabd94be2d0f1daa.tar.bz2 abridge-559e2c1cc05f31d6cf52231ecabd94be2d0f1daa.zip | |
Add Caption and Links to img/imgswap
Diffstat (limited to 'content/overview-images/index.md')
| -rw-r--r-- | content/overview-images/index.md | 18 |
1 files changed, 10 insertions, 8 deletions
diff --git a/content/overview-images/index.md b/content/overview-images/index.md index d773d0f..001deac 100644 --- a/content/overview-images/index.md +++ b/content/overview-images/index.md @@ -19,8 +19,9 @@ This post covers the **imgswap and img shortcodes**. Images can also be embedded # img Shortcode - src is the path and filename of the image. (mandatory) -- class sets a class for the image. (optional) +- class sets a class for the image. - alt sets the alt note for the image. +- link sets a hyperlink for the image. - w is the width of the image. - h is the height of the image. @@ -34,23 +35,23 @@ Optional Classes: ## Usage (same path) ```rs -{{/* img(src="ferris-happy.svg" class="ci" alt="Ferris is Happy") */}} +{{/* img(src="ferris-happy.svg" class="ci" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/") */}} ``` **Output** ```html -{{ img(src="ferris-happy.svg" class="ci" alt="Ferris is Happy") }} +{{ img(src="ferris-happy.svg" class="ci" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/") }} ``` -{{ img(src="ferris-happy.svg" class="ci" alt="Ferris is Happy") }} +{{ img(src="ferris-happy.svg" class="ci" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/") }} ## Usage (relative path ./) ```rs -{{/* img(src="./img/ferris-gesture.svg" alt="Ferris says Hello") */}} +{{/* img(src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/") */}} ``` **Output** ```html -{{ img(src="./img/ferris-gesture.svg" alt="Ferris says Hello") }} +{{ img(src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/") }} ``` -{{ img(src="./img/ferris-gesture.svg" alt="Ferris says Hello") }} +{{ img(src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/") }} ## Usage (root path /) ```rs @@ -77,8 +78,9 @@ When you hover your mouse over the image it will display the image to compare. - main_src is the path and filename for the default image. (mandatory) - swap_src is the path and filename for the swap image. (mandatory) -- class sets a class for the image. (optional) +- class sets a class for the image. - alt sets the alt note for the image. +- link sets a hyperlink for the image. - w is the width of the image. - h is the height of the image. |
