How to use image gallery?

[bk2021]

Hi, is there a guide on how to use the 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:

[xileets]

Dangit! Totally different class names. I was hoping it’d be an easy text swap…
¯\_(ツ)_/¯

I’m liking the slideshow a lot for my binder collection threads. Is this a new feature?

edit: on second look, it actually IS a simple class name swap.

[jabby]

Bookmarked for reference.