Images have a similar syntax to links but include a preceding exclamation point.
Copy ![ Minion ] (https://octodex.github.com/images/minion.png)
or
Copy ![ Alt text ] (https://octodex.github.com/images/stormtroopocat.jpg " The Stormtroopocat " )
Like links, Images also have a footnote style syntax
Alternative usage : note images
With a reference later in the document defining the URL location:
Copy [id]: https://octodex.github.com/images/dojocat.jpg "The Dojocat"
Resizing image
Add HTTP parameters width
and/or height
to the link image to resize the image. Values are CSS values (default is auto
).
Copy ![ Minion ] (https://octodex.github.com/images/minion.png?width=20pc)
Copy ![ Minion ] (https://octodex.github.com/images/minion.png?height=50px)
Copy ![ Minion ] (https://octodex.github.com/images/minion.png?height=50px&width=300px)
Add CSS classes
Add a HTTP classes
parameter to the link image to add CSS classes. shadow
and border
are available but you could define other ones.
Copy ![ stormtroopocat ] (https://octodex.github.com/images/stormtroopocat.jpg?classes=shadow)
Copy ![ stormtroopocat ] (https://octodex.github.com/images/stormtroopocat.jpg?classes=border)
Copy ![ stormtroopocat ] (https://octodex.github.com/images/stormtroopocat.jpg?classes=border,shadow)
Lightbox
Add a HTTP featherlight
parameter to the link image to disable lightbox. By default lightbox is enabled using the featherlight.js plugin. You can disable this by defining featherlight
to false
.
Copy ![ Minion ] (https://octodex.github.com/images/minion.png?featherlight=false)