Skip to content

Kirby 3.9.8

(image: …)

Embeds an image

Attributes

alt
caption
class
height
imgclass
link
linkclass
rel
target
title
width

Examples and options:

Image of the current page

(image: myawesomepicture.jpg)

Image of another internal page

(image: some/other/page/myawesomepicture.jpg)

External image

(image: http://example.com/images/myawesomepicture.jpg)

Image with alternative text

(image: myawesomepicture.jpg alt: This is an awesome picture)

Image with a caption

(image: myawesomepicture.jpg caption: I took this image in the park)

Image with a title attribute

(image: myawesomepicture.jpg title: I took this image in the park)
(image: myawesomepicture.jpg link: http://flickr.com)
(image: myawesomepicture.jpg link: self)
(image: myawesomepicture.jpg link: some/page)
(image: myawesomepicture.jpg link: some/page/somedocument.pdf)
(image: myawesomepicture.jpg link: http://flickr.com target: _blank)
(image: myphoto.jpg link: http://mywebsite.com rel: me)

Image with a custom CSS class applied to the figure element

(image: myawesomepicture.jpg class: floated)

Image with a custom CSS class applied to the img element

(image: myawesomepicture.jpg imgclass: myimage)
(image: myawesomepicture.jpg link: http://flickr.com linkclass: myimage)

Image with defined width and height attributes

(image: myawesomepicture.jpg width: 500 height: 300)