ReMooz is an open-source widget for great looking and unobtrusive inline-pop-ups, powered by MooTools. It enables how your vistors browse through content, such as thumbnail images and HTML. ReMooz features centered or relative-positioned draggable zoomed images, content preloading, fading captions, with plenty of options and is highly configurable: Add a simple image zoom or create a fancy design element for any graphic that needs to be enlarged on your site.

Features

* No plugins like Flash or Java needed, no problem with popup blockers
* Unobtrusive behaviour, visitors with disabled JavaScript or old browsers can still click the images to see the full size.
* Simple and intuitive behaviour: loading-indicator, close button and changing icons describe possible interactions.
* No obstrusive modal pop-up: your design and content is still visible (not hidden under the common black lightbox effect).
* Open several instances at one time, e.g. to preview multiple images.

How to use

// Wait for the content ...

window.addEvent('domready', {

    /**
     * Assigns ReMooz behavior to all anchors with the .remooz class
     */
    ReMooz.assign();

    /**
     * Or assign ReMooz "by hand"
     */
    $$('ul.thumbnails a').each(function(element) {

        // Constructor, takes the element and options as arguments
        new ReMooz(element, {
            centered: true, // Zoom the center of the screen
            origin: element.getElement('img') // Take the image inside as origin for the zooming element
        });

    });

});

Demo: Flickr Bigger ReMooz for previews on flickr photostream thumbnails, large size.

Flickr Stream ReMooz for previews on flickr photostream thumbnails, medium size.

Simple Caption ReMooz on a Flickr Photostream with captions.

Download: http://digitarald.de/project/remooz/1-0/source/ReMooz.js

Source: http://digitarald.de/project/remooz/

Related Listings:

1. YUI Based Lightbox Final The most significant change in this version of the lightbox...
2. TripTracker Lightbox Image Script The TripTracker slideshow is a lightweight JavaScript image viewer with...
3. jQuery Simple Lightbox Lightboxes are a way to display an image on the...
4. Photo Gallery : Moo Tools Open Source Photo Gallery Designed with Mootools Javascript Library (E)2...
5. Sliding Tabs using Moo Tools Plugin The script relies on width and height of tabs and...

Do you like this post?

Email: