From 362f7611f4560f69bece75cf550394dd3906a7b0 Mon Sep 17 00:00:00 2001 From: Kevin Eyo <105847348+KevinEyo1@users.noreply.github.com> Date: Thu, 11 Apr 2024 17:15:13 +0800 Subject: [PATCH] Add references between image and pic in UG --- docs/userGuide/syntax/images.md | 6 ++++++ docs/userGuide/syntax/pictures.md | 6 ++++++ 2 files changed, 12 insertions(+) diff --git a/docs/userGuide/syntax/images.md b/docs/userGuide/syntax/images.md index 09e55f2bb4..d9bab6e293 100644 --- a/docs/userGuide/syntax/images.md +++ b/docs/userGuide/syntax/images.md @@ -61,3 +61,9 @@ Clicking on this image will bring you to the MarkBind homepage (instead of openi [![logo](https://markbind.org/images/logo-lightbackground.png =150x)](https://markbind.org) + + + +If you want to display images with captions, or have the image auto-resize to fit its container, take a look at [MarkBind's `pic` component]({{baseUrl}}/userGuide/components/imagesAndDiagrams.html#pictures). + + diff --git a/docs/userGuide/syntax/pictures.md b/docs/userGuide/syntax/pictures.md index f5bfde2ac8..ed81838c92 100644 --- a/docs/userGuide/syntax/pictures.md +++ b/docs/userGuide/syntax/pictures.md @@ -20,6 +20,12 @@ src | `string` | | **This must be specified.**
The URL of the image.
The U width | `string` | | The width of the image in pixels.
If both width and height are specified, width takes priority over height. It is to maintain the image's aspect ratio. lazy | `boolean` | false | The `` component lazy loads if this attribute is specified.
**Either the height or width should be specified to avoid layout shifts while lazy loading images.** + + +If you want to display images that are automatically linked to its image URL, such that one can click on the image to view the full image, take a look at [MarkBind images]({{baseUrl}}/userGuide/formattingContents.html#images). + + +
```html