12KB (Gzip)
2 http requests on initial load
IE 11+ & modern browsers

Github repository link

https://github.com/hnb-ku/Discourse-Slick-image-gallery

</div>

#### Desktop
![Capturea1: 586x499, 55%](/images/81952/rENKNBSseYaDo8G89XrePhM0JPa.jpg)![Capturea: 587x500, 55%](/images/81952/fDChQV0VKdUhMdKuZNJpc3EauGX.jpg)
#### Video https://d11a6trkgmumsb.cloudfront.net/original/3X/5/6/5677f8ecc7289d427e855d47df3579a656857c69.mp4 #### Mobile
![Capturea2: 254x500, 75%](/images/81952/oqQ9lm9bJTrsM9hL2Z0rc3afo2C.PNG)![Capturea4: 241x500, 75%](/images/81952/z94DuUsetkiD84MAVlX9xTGy2FL.PNG)![Capturea3: 259x500, 75%](/images/81952/489HlmgTth2NFv0KF5cFhuSxE77.jpg) Built using [Ken Wheeler](https://github.com/desandro)'s [Slick ](http://kenwheeler.github.io/slick/) library - [MIT license](https://github.com/kenwheeler/slick/blob/master/LICENSE) _"Free as in Bacon"_

How do I install this?

You install this component just like any other theme. Follow the instructions in the official guide:

https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682

Once you’re done, simply add the component to your current theme. Done!


How do I use this?

This component adds a button to the composer.

Untitled2: 690x185

So all you have to do is:

1- Upload a bunch of images using the default Discourse upload button then highlight the code:

Capturea6: 343x500

2- Click the gallery button.

You will get a static preview of the the selected images in the preview pane:

Capturea7: 589x500

Done!


Anything else I need to know?

This component will inherit the current theme’s styles.

Here’s the theme component running on a different theme:

Capturea5: 546x500

Can I use both Slick and Tiles at the same time?

You bet! :sweat_smile:

Capture999: 411x500

This is possible by making both slick and tiles components of a theme.

Like this:

Capture: 439x500

You can then make “my theme” in the example above the default theme or make it user-selectable and it would include both Slick and Tiles.


Bug reports / Suggestions / PRs welcome. :wine_glass: