How to use image gallery?

[pfm]

There are two types of image galleries:

left = Gallery, right = Slideshow

After you upload your images, just highlight them and click the button on the editor:

<div data-masonry-gallery>

![Ampharos](upload://2hM7aEji32HPHXCAwvpLJBtU4fX.jpeg)
![Arcanine](upload://xikKQQu4I5r9UEyiglOgx7bvcn5.jpeg)
![Aridos](upload://fk1LQG15QpJtmhSv676Tq95bZPF.jpeg)
![Electrode](upload://1Z7ogbxQvs45IaMNhiW9UTu702b.jpeg)
![Entei](upload://fcyH90LXt7KHCIUC8LRWaYRXLY.jpeg)
![Espeon](upload://kbe7j6mWr2Chbd52ADtsunkoeQI.jpeg)

<div>

Note that the spacing around the div is important

The above will give you this:

---

Versus the slideshow:

<div data-theme-slick="1">

![Ampharos](upload://2hM7aEji32HPHXCAwvpLJBtU4fX.jpeg)
![Arcanine](upload://xikKQQu4I5r9UEyiglOgx7bvcn5.jpeg)
![Aridos](upload://fk1LQG15QpJtmhSv676Tq95bZPF.jpeg)
![Electrode](upload://1Z7ogbxQvs45IaMNhiW9UTu702b.jpeg)
![Entei](upload://fcyH90LXt7KHCIUC8LRWaYRXLY.jpeg)
![Espeon](upload://kbe7j6mWr2Chbd52ADtsunkoeQI.jpeg)

</div>

Which will give you this: