How to Setup an Image Gallery

January 3, 2026 How To Tim Forsythe 251 Words

It is easy to create photo gallery in Slimlines. You'll need links to image and their thumbnails. The dimensions of the thumbnail do not matter, so you could use the same links for both, although it may load slower if using large images as thumbnails. To create a gallery, use the following code as a template.

<gallery>
<gimage> <href> https://i.imgur.com/MMcxidj.jpg <:> <thumb> https://i.imgur.com/MMcxidjm.jpg <caption> Photo  1 </caption> </thumb> </href> </gimage>
<gimage> <href> https://i.imgur.com/8e9NP8x.jpg <:> <thumb> https://i.imgur.com/8e9NP8xm.jpg <caption> Photo  2 </caption> </thumb> </href> </gimage>
<gimage> <href> https://i.imgur.com/3gzwzd4.jpg <:> <thumb> https://i.imgur.com/3gzwzd4m.jpg <caption> Photo  3 </caption> </thumb> </href> </gimage>
<gimage> <href> https://i.imgur.com/KUS9Ntq.jpg <:> <thumb> https://i.imgur.com/KUS9Ntqm.jpg <caption> Photo  4 </caption> </thumb> </href> </gimage>
<gimage> <href> https://i.imgur.com/p4GUh1X.jpg <:> <thumb> https://i.imgur.com/p4GUh1Xm.jpg <caption> Photo  5 </caption> </thumb> </href> </gimage>
<gimage> <href> https://i.imgur.com/zbnYKMo.jpg <:> <thumb> https://i.imgur.com/zbnYKMom.jpg <caption> Photo  6 </caption> </thumb> </href> </gimage>
<gimage> <href> https://i.imgur.com/19V9U6t.jpg <:> <thumb> https://i.imgur.com/19V9U6tm.jpg <caption> Photo  7 </caption> </thumb> </href> </gimage>
<gimage> <href> https://i.imgur.com/vSrr6a6.jpg <:> <thumb> https://i.imgur.com/vSrr6a6m.jpg <caption> Photo  8 </caption> </thumb> </href> </gimage>
<gimage> <href> https://i.imgur.com/9iVUtgA.jpg <:> <thumb> https://i.imgur.com/9iVUtgAm.jpg <caption> Photo  9 </caption> </thumb> </href> </gimage>
<gimage> <href> https://i.imgur.com/Oz0ePOG.jpg <:> <thumb> https://i.imgur.com/Oz0ePOGm.jpg <caption> Photo 10 </caption> </thumb> </href> </gimage>
<gimage> <href> https://i.imgur.com/hVI6euD.jpg <:> <thumb> https://i.imgur.com/hVI6euDm.jpg <caption> Photo 11 </caption> </thumb> </href> </gimage>
<gimage> <href> https://i.imgur.com/nMyafp7.jpg <:> <thumb> https://i.imgur.com/nMyafp7m.jpg <caption> Photo 12 </caption> </thumb> </href> </gimage>
<gimage> <href> https://i.imgur.com/smmK4IE.jpg <:> <thumb> https://i.imgur.com/smmK4IEm.jpg <caption> Photo 13 </caption> </thumb> </href> </gimage>
<gimage> <href> https://i.imgur.com/dp3GL0w.jpg <:> <thumb> https://i.imgur.com/dp3GL0wm.jpg <caption> Photo 14 </caption> </thumb> </href> </gimage>
<gimage> <href> https://i.imgur.com/2xzlUDQ.jpg <:> <thumb> https://i.imgur.com/2xzlUDQm.jpg <caption> Photo 15 </caption> </thumb> </href> </gimage>
<gimage> <href> https://i.imgur.com/dO1S4as.jpg <:> <thumb> https://i.imgur.com/dO1S4asm.jpg <caption> Photo 16 </caption> </thumb> </href> </gimage>
<gimage> <href> https://i.imgur.com/CH3efSa.jpg <:> <thumb> https://i.imgur.com/CH3efSam.jpg <caption> Photo 17 </caption> </thumb> </href> </gimage>
</gallery>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nec malesuada libero. Aliquam erat volutpat. In eros mauris, pellentesque vel rutrum non, hendrerit vel quam. Pellentesque feugiat non neque ut sollicitudin. Etiam a neque et risus facilisis tincidunt. Maecenas ante nulla, semper non condimentum eu, laoreet sit amet magna. Suspendisse potenti. Integer in placerat lorem, ut bibendum tortor. Cras varius leo vel quam sagittis, et lacinia libero bibendum. Phasellus fermentum varius nisl at venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer sed turpis nec nulla cursus ultrices quis sed ante.

Tim Forsythe is a retired software engineer living in California.

Comments

Last Modified: January 3, 2026