There's a very popular JavaScript out there called Lightbox JS 2.0. It's a great way to show off images and create impromptu photo galleries. The only problem is that it's heavy and dramatically degrades the performance of your website. Fortunately there's a 'clone' called Slimbox that utilizes mootools JavaScript library to produce the same effect but with far less JavaScript, and advanced loading techniques that subsequently produces faster loading and more responsive pages. ColorMatic fully integrates the JavaScript and the CSS so all you have to do to utilize this technique is an an extra element to your image link.
Check out the demo below:
The mambot is all new this month and now it will automatically create aspect-ratio correct thumbnails if they do not exist, so it's now easier than ever to user Slimbox on your site!
This month we've made using Slimbox even easier than ever! We've created a new GPL mambot that is WYSIWYG safe and doesn't require you to enter any HTML code directly as the previous solution did.
The Syntax is {slimbox}image_url{/slimbox} If you want the image to be part of an 'album', you can use the syntax {slimbox album=|albumname|}image_url{/slimbox}. To provide text descriptions, please use the syntax {slimbox title=|your description|}image_url{/slimbox}. you can also use both album and title in the same tag.
example:{slimbox album=|colo|}images/stories/colorado/image1.jpg{/slimbox}
{slimbox album=|colo| title=|some title|}
images/stories/colorado/image4.jpg{/slimbox}
{slimbox}images/stories/colorado/image3.jpg{/slimbox}
This mambot is available for download in the members area of the RocketTheme Template Club. It will also be made available on joomlacode.org soon.