Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 

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

About

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

Resources

Packages

No packages published