mediabox displays flash, video, audio, & html content in a modal dialog. Based on Slimbox and the Mootools javascript library.
JavaScript
Latest commit 258168f Jan 22, 2012 @iaian7 Fixed gallery set recognition of similar naming conventions, suggeste…
…d by Sebastian Wichmann
Permalink
Failed to load latest commit information.
Docs Fixed gallery set recognition of similar naming conventions, suggeste… Jan 22, 2012
Source Fixed gallery set recognition of similar naming conventions, suggeste… Jan 22, 2012
README.md
package.yml Adding readme and package files May 27, 2011

README.md

mediaboxAdvanced

Based on Lightbox, Slimbox, and the Mootools javascript library, mediaboxAdvanced is a modal overlay that can handle images, videos, animations, social video sites, twitter media links, inline elements, and external pages with ease.

Screenshot

How to use

mediaboxAdvanced supports a wide range of media formats; simply link to any image, flash video, or popular website, and the media will be automatically loaded into an overlay when clicked.

Installation

  • The following files must be correctly linked in the page header:

    mediaboxAdv.css

    MooTools-main.js

    mediaboxAdv.js

(mediaboxAdvanced depends on all MooTools core elements except Request, Cookie, and JSON features)

  • Optionally, you can also include Quickie.js for Quicktime support

    quickie.js

(available here http://mootools.net/forge/p/quickie)

  • To play media files such as mp4, mp3, and other formats, you'll need to upload a flash-based player to the server and update the link inside mediaboxAdv.js to match.

    nonverblaster.swf

    or

    jwmediaplayer.swf

(available from http://www.nonverbla.de/nonverblaster-hover/ or http://www.longtailvideo.com/players/jw-flv-player/)

Link formatting

<a href="url" rel="lightbox[galleryName width height]" title="header::subtitle">...content...</a>

Examples

For more information and a full list of examples and supported sites, please visit http://iaian7.com/webcode/mediaboxAdvanced