Responsive Grid Galleries!
3 http requests on initial load
IE 11+ & modern browsers
![Capture3: 260x499, 75%](/images/81950/oZJJiJt0QhmgLdrmIYLhNH14huw.jpg)![Capture44: 250x500, 75%](/images/81950/xqj6otG8X4HdsAV8FMeec6m9yuO.jpg)![Capture4: 250x500, 75%](/images/81950/wlWc2Jbj85A51wa2thzoFz7qDj9.jpg)
” ... released under the MIT license. Have at it.”
How do I install this?
You install this component just like any other theme. Follow the instructions in the official guide:
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.
So all you have to do is:
1- Upload a bunch of images using the default Discourse upload button then highlight the code:
2- Click the gallery button.
You will get a static preview of the the selected images in the preview pane:
Anything else I need to know?
This component does not have any color / background styles in it. It will inherit the current theme’s styles.
Here’s the theme component running on a different theme:
This theme component also maintains the default Discourse lighbox behavior, this means that clicking any of the images will open them in the native lightbox viewer.
Can I use both Slick and Tiles at the same time?
You better believe it!
This is possible by making both slick and tiles components of a theme.
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.
A big thank you to everyone that helped along the way:
@Dax - Composer button
@cpradio - Button translations
@vinothkannans - Topic page url regex
@sam - adding
data-theme-* to whitelisted attributes
Bug reports / Suggestions / PRs welcome.