Smart and Customizable jQuery Media Viewer Plugin - Shadowbox

File Size: 1.75MB
Views Total: 3644
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Smart and Customizable jQuery Media Viewer Plugin - Shadowbox

Shadowbox is a highly customizable and easy-to-use javascript lightbox library that enables you to display all of the web's most popular media publishing formats in a popup modal box. It supports images, QuickTime, Windows Media Player, Flash, Flash video, HTML, and even external web pages.  It can be used to open a welcome message as soon as the window loads as well.

Basic Usage:

1. Include jQuery library and Shadowbox.js in the head section of your page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="shadowbox.js"></script>

2. Include Shadowbox Theme CSS on your page

<link href="shadowbox.css" rel="stylesheet" type="text/css">

3. Markup Html Structure.  For displaying galleries of content, You must use rel attribute to create a gallery named demo (or other names as you wish).

<a href="1.jpg" rel="shadowbox[Demo]">Click Me</a>
<a href="2.jpg" rel="shadowbox[Demo]">Click Me</a> 
<a href="3.jpg" rel="shadowbox[Demo]">Click Me</a>

4. Initialize your plugin

<script type="text/javascript">
Shadowbox.init();
</script>

This awesome jQuery plugin is developed by unknown. For more Advanced Usages, please check the demo page or visit the official website.