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.
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
-
Google map
For more information and a full list of examples and supported sites, please visit http://iaian7.com/webcode/mediaboxAdvanced