aboutsummaryrefslogtreecommitdiff
path: root/content/overview-images
diff options
context:
space:
mode:
authorJieiku2024-08-24 11:21:26 -0700
committerJieiku2024-08-24 11:21:26 -0700
commit559e2c1cc05f31d6cf52231ecabd94be2d0f1daa (patch)
tree9d0f9f051bd5b971bc5b88025c3954e775dff8fc /content/overview-images
parent9e052f0a552497be4265ab2ca3a977f6cc15b224 (diff)
downloadabridge-559e2c1cc05f31d6cf52231ecabd94be2d0f1daa.tar.gz
abridge-559e2c1cc05f31d6cf52231ecabd94be2d0f1daa.tar.bz2
abridge-559e2c1cc05f31d6cf52231ecabd94be2d0f1daa.zip
Add Caption and Links to img/imgswap
Diffstat (limited to 'content/overview-images')
-rw-r--r--content/overview-images/index.md18
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.