- Mar 16, 2011
- 263 Comments
- Resources
Mosaic – Sliding Boxes and Captions jQuery Plugin
The most popular tutorial on Build Internet is now a jQuery plugin. Welcome aboard, Mosaic.
Sliding Boxes Revisited
The original sliding boxes tutorial is undoubtedly our most popular tutorial, with about 660,000 views as of this post. Given our recent surge in releasing plugins, we decided to add sliding boxes to the roster – say hello to the Mosaic jQuery plugin.
Features
- Automatically generates sliding boxes & captions
- Allows slide & fade animations with custom directions
- Preloads images within boxes
- Lightweight at ~2kb (minified)
Notes & Comments
Implementation is fairly easy, I’ve provided a number of sample configurations in the downloadable file on the project page. It operates with two panels – an overlay and a backdrop. The content in the overlay gets repositioned according to the options that you provide. I would suggest starting from the base.html file, as it it a stripped down version which can act as a good foundation for customizations.
If you have any questions or feedback, please leave them below – it helps the plugin grow.