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.

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

• Image with gallery name and thumbnail

  

• Youtube video with gallery name, custom size, and title with header and subtitle

  watch the Blue Monster video

• Google map

  Google map »

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