A Post with Images from dropbox

A Post with Images from dropbox

less than 1 minute read

After a few attemps…

(note that author’s image is also sourced from an external link!!!)

Figures (for images or video)

One Up

Don’t forget to change the ending with ?raw=1

image
Anonymous Engraver, A Putto Getting Cross with his Geometry, Whereabout Unknown or Whatever

Two Up

Apply the half class like so to display two images side by side that share the same caption.

<figure class="half">
	<img src="/images/image-filename-1.jpg" alt="image">
	<img src="/images/image-filename-2.jpg" alt="image">
	<figcaption>Caption describing these two images.</figcaption>
</figure>

And you’ll get something that looks like this:

image image
Caption describing these two images.

Even 4 images:

image image image image
Caption describing these two images.

You can include html tag <a href></a> if you wish to link the image to its original source - as I did with the One Up example

Three Up

Apply the third class like so to display three images side by side that share the same caption.

<figure class="third">
	<a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt="image"></a>
	<a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt="image"></a>
	<a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg" alt="image"></a>
	<figcaption>Caption describing these three images.</figcaption>
</figure>

And you’ll get something that looks like this:

image image image
Three images.

or six:

image image image image image image
Six images.