Simple Shadowbox Tutorial


Using Shadowbox For Video and Images

Shadowbox is a web based application which allows users to displya text or image links that popup in a shadowbox. Shadowbox can be downloaded from shadowbox-js.com.

To use Shadowbox with youtube video,
1) Download Base(standalone) and check all options.
2)
Unzip and upload the shadowbox folder or files to the desired location on the server. Rename the folder to something different if you want to keep everything in one folder.
3) Add the following inside the <head></head> tags:

<link rel="stylesheet" type="text/css" href="js/shadowbox.css">
<script type="text/javascript" src="js/shadowbox.js"></script>

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

4) Use the link format below to make popups for youtube video..

<a href="http://www.youtube.com/v/abcde45t&hl=en&fs=1&rel=0&autoplay=1" rel="shadowbox;width=720;height=480;player-swf;" ><img  src="images/img.png" /></a>