Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
mediabox displays flash, video, audio, & html content in a modal dialog. Based on Slimbox and the Mootools javascript library.
JavaScript CSS
branch: master

This branch is 4 commits ahead, 4 commits behind iaian7:master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
Docs
Source
README.md
package.yml

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.