Skip to content

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

Notifications You must be signed in to change notification settings

iaian7/mediaboxAdvanced

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

76 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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

Stars

Watchers

Forks

Packages

No packages published