Skip to content
This repository

mediabox displays flash, video, audio, & html content in a modal dialog. Based on Slimbox and the Mootools javascript library.

branch: master
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

Something went wrong with that request. Please try again.