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

http://digitarald.de/project/remooz/1-0/assets/ReMooz.css

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

Related Listings:

1. ReMooz – Lightbox based on Moo tools ReMooz is an open-source widget for great looking and unobtrusive...
2. Roar – Notifications : MooTools Plugin Roar is a notification widget that streamlines incoming messages, such...
3. Scripts for annotating images FotonotesTM is an standard, specification, and collection of scripts for...
4. Magnifier to images with CSS and Java A couple of people have asked about the CSS magnifier...
5. ImageCaption – a MooTools Plugin for Auto-Captioning Images ImageCaption is a MooTools 1.2+ plugin for easily adding figure...

Do you like this post?

Email: