Line25

Rounding Up the Top 10 Mootools Lightbox Scripts

Read the full post

Add to Flipboard Magazine.

Since the original Lightbox script, there have been countless clones generated for all the popular Javascript libraries. There are many solutions similar to Lightbox that can be used to display modal windows, overlays, image galleries, videos and other media content. Because the “lightbox” effect is so popular and looks cool and stylish, we decided to gather here some great lightbox scripts which you can use to add this functionality to your websites. These scripts and plugins are best used on visually-focused website types, such as portfolios, photography, and other creative designs.

In case you are not familiar with MooTools, you should know that it is a collection of JavaScript utilities designed for the intermediate to advanced JavaScript developer. This lightweight, object-oriented JavaScript framework is released under the free, open-source MIT License.

In the past we rounded up the top ten jQuery lightbox scripts, now it’s time to check out this collection of the top ten MooTools Lightbox scripts.

Smoothbox

Thickbox for mootools

Smoothbox is the Mootools conversion of Thickbox, built with a jQuery library of 20kb when compressed. It can resize the images, hide form elements and remain centered.

ColorBox lightbox 

Colorbox - a jQuery lightbox

This is a  light-weight, customizable lightbox plugin for jQuery that comes in five different styles. It supports photos, grouping, slideshow, ajax, inline, and iframed content, its appearance is controlled through CSS and can be extended with callbacks & event-hooks.

Zoomer

 Mootools lightbox scripts

Zoomer is easy to use and helpful if you need to see a zoomed image inside the original one. It is easy to add this simple and nice image zoom class, just check out the instructions on how to use it. This was created by Anton Samoylov.

Floatbox

Floatbox demonstration and examples

Floatbox is used to present video content from both locally served files and online sources, including desktop and mobile browsers. Floatbox comes with an integrated HTML5 video player which will play MP4 (and WEBM) videos using the browser’s native video capabilities.

JsImageBox

JsImageBox Mootools lightbox scripts

 

JsImageBox is a compact and easy-to-connect script. With this 9kb script, you’ll be able to display enlarged images.

Slimbox

Slimbox, the ultimate lightweight Lightbox clone

Slimbox is a 4 KB lightbox clone which was designed to be very small and efficient. It had to be easy to use, fully customizable and more convenient than other scripts. It was written using the MooTools javascript framework.

ImageZoom

Mootools lightbox script

ImageZoom is the perfect script for photo galleries. It can display large images at once and many other advantages. It has some great, useful features, such as the images can be dragged around, supports opening multiple images at the same time, visitors can still access the underlying content of the page and find the navigation buttons.

mediaboxAdvanced

mediaboxadvanced Mootools lightbox scripts

Based on Lightbox, Slimbox, and the Mootools javascript library, this script can handle images, videos, animations with ease. This is a modal overlay that can handle images, videos, animations, social video sites, twitter media links, inline elements, and external pages. Now it has support for YouTube and Vimeo HTML5 players and the videos can be played by Apple iOS devices, including the iPhone, iPod Touch, and iPad.

Bumpbox 2.0

Bumpbox 2.0 Mootools lightbox scripts

Bumpbox 2.0 is a lightbox clone with support for PDF, FLV, SWF and even remote HTML files. It is easy to use and has many advantages, such as class name for groups and galleries, fly-in and fly-out speed of the box, background color & opacity, box-shadow intensity & color, predefined icon sets to choose from, and more.

ReMooz

Mootools lightbox script

ReMooz is a widget for great looking inline pop-up pictures from a gallery, powered by MooTools. Your website’s visitors can easily surf through your content. No plugins like Flash or Java are needed, plus it has an unobtrusive behavior with loading-indicator, close button and more.


  • 187
100 HD Blurred Backgrounds

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of 100 HD Blurred Backgrounds + bonus 10 realistic web shadows.

100 HD Blurred Backgrounds

Written by Iggy

Iggy is a designer who loves experimenting with new web design techniques collating creative website designs. You can follow Iggy on Twitter.

22 Comments

  1. Wallace says:

    Thanks for the great roundup, everyone should bookmark it.

  2. really nice to see some mootools good lightbox good listing.

  3. I love lightbox’s – not using them on my portfolio though!

  4. Si says:

    I recently did a good test of most of the moolightboxes. A lot are old (1.1) or bloated.
    After some serious thought i chose slimbox. If you want a simple image lightbox this is the one for you. updated to 2.1+
    Works like a charm!

  5. Alison says:

    I use SqueezeBox on all my projects. Nice to see some other options.

  6. Edgar Leijs says:

    Nice lightboxes… still i prefer jQuery as a main framework….

  7. Alis says:

    Nice litghtboxes selection! Thank you so much!

  8. Brilliant thanks. Makes keeping up with tech a lot easier.

  9. Frank says:

    Thanks, nice list of boxes.

  10. CSS Webdesign says:

    it was a very useful for my works! :) Thank you!

  11. Bookmarked…

    Great list and great lightboxes!

    Keep up the good work!

  12. hasfa says:

    Woww..I didn’t know before this web is full of nice tutorial such as brilliant great lightboxes with list. I must try and so do my group. Thanks guys..

  13. Jose says:

    This a a great collection. Thanks for the help!!!!

  14. Philip says:

    And im curious about wich is best or if its all just a different name…

  15. smk says:

    niceone but is there ant other products except lightbox for same purpose

  16. Nice selection. Good work!

  17. Jens says:

    Awesome work, sir! Thanx for sharing, definitely useful :-).

  18. Patrick says:

    Hmm, some thoughts or review would be nice. What makes these the top 10? Are they in order of rank?

    /me continues search.

  19. Hi, they great awesome tools and I like imagezoom that is great n Im using it some of my site thanks for more great tools sharing.

  20. artViper says:

    Guess you are missing http://www.artviper.net/bumpbox.php -> lightbox with support for flv,swf,images,audio,html,inline content and PDF’s – based on mootools 1.2.x

  21. Adam says:

    fyi I’ve deployed many of these in various projects – Slimbox, Smoothbox, Squeezebox and Milkbox. I used to prefer Squeezebox however have encountered issues using on image heavy sites on safari3+ (also flash video issues). Slimbox would be first choice for images.

Leave a response