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 |
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.