Images

Images have a similar syntax to links but include a preceding exclamation point.

![Minion](https://octodex.github.com/images/minion.png)

Minion

or

![Alt text](https://octodex.github.com/images/stormtroopocat.jpg "The Stormtroopocat")

Alt text

Like links, Images also have a footnote style syntax

Alternative usage : note images

![Alt text][id]

Alt text

With a reference later in the document defining the URL location:

[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).

![Minion](https://octodex.github.com/images/minion.png?width=20pc)

Minion

![Minion](https://octodex.github.com/images/minion.png?height=50px)

Minion

![Minion](https://octodex.github.com/images/minion.png?height=50px&width=300px)

Minion

Add CSS classes

Add a HTTP classes parameter to the link image to add CSS classes. shadowand border are available but you could define other ones.

![stormtroopocat](https://octodex.github.com/images/stormtroopocat.jpg?classes=shadow)

stormtroopocat

![stormtroopocat](https://octodex.github.com/images/stormtroopocat.jpg?classes=border)

stormtroopocat

![stormtroopocat](https://octodex.github.com/images/stormtroopocat.jpg?classes=border,shadow)

stormtroopocat

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.

![Minion](https://octodex.github.com/images/minion.png?featherlight=false)