diff options
Diffstat (limited to 'content/overview-images/index.md')
| -rw-r--r-- | content/overview-images/index.md | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/content/overview-images/index.md b/content/overview-images/index.md index b1f07e2..cd3181c 100644 --- a/content/overview-images/index.md +++ b/content/overview-images/index.md @@ -20,9 +20,11 @@ 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. (optional) -- alt sets the alt note for the image. (recommended for google lighthouse) -- w is the width of the image. (recommended for google lighthouse) -- h is the height of the image. (recommended for google lighthouse) +- alt sets the alt note for the image. +- w is the width of the image. +- h is the height of the image. + +** google lighthouse recommends setting alt, w, and h attributes. If alt is omitted then the filename is used. If w or h are omitted then get_image_metadata() fills these values. ** ## Usage (same path) ```rs @@ -69,9 +71,13 @@ 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) +- alt sets the alt note for the image. - w is the width of the image. - h is the height of the image. +** google lighthouse recommends setting alt, w, and h attributes. If alt is omitted then the filename is used. If w or h are omitted then get_image_metadata() fills these values. ** + ## Usage (same path) ```rs {{/* imgswap(main_src="ferris.svg" swap_src="ferris-happy.svg") */}} |