Example - Simple Image Gallery

Developer Information

The above gallery is achieved by a Simple Image Gallery block showing all the images in my banner set. Normally this would have shown a list of thumbnails 30+ long.

Above that I have added a Front End List Magic block, set to paginate by 9 items with a transition and everything else left to the FELM defaults. 

I then used block design on the galley block to fix its height at 370px. A fixed height prevents this explanation sliding up and down as the thumbnails paginate.

With the page saved and published, I then used FELMs sorting option to drag the mantis shrimp to the start of the list.

Simple; in less than a minute I have created a paginated thumbnail gallery with transitions. It took me longer to write this explanation than it did to create the paginated gallery!

Last updated: over a year ago