<br/><h3>Features:</h3><br/>

<ul class="ul_bullet_small">
<li>Supports a range of multimedia formats: images, flash, video, mp3s, html!</li>
<li>Auto detects formats or you can specify the format</li>
<li>Html descriptions</li>
<li>Enable/Disable page overlay when multibox pops up (via template parameters)</li>
<li>Enable/Disable controls (via template parameters)</li>




<br/>



<p><strong><font size="2">Images Example</font></strong></p>          

<a href="http://www.shape5.com/demo/images/multibox1_lrg.jpg" id="mb1" class="s5mb" title="Image #1:">
<img src="http://www.shape5.com/demo/images/multibox1.jpg" style="margin-right:20px" class="boxed" alt="" />
</a>
<div class="s5_multibox mb1">Image #1. It can support <strong>html</strong>.</div>
&nbsp;&nbsp;
<a href="http://www.shape5.com/demo/images/multibox2_lrg.jpg" id="mb2" class="s5mb" title="Image #2:">
<img src="http://www.shape5.com/demo/images/multibox2.jpg" style="margin-right:20px" class="boxed" alt="" />
</a>
<div class="s5_multibox mb2">Image #2. It can support <strong>html</strong>.</div>
&nbsp;&nbsp;
<a href="http://www.shape5.com/demo/images/multibox3_lrg.jpg" id="mb3" class="s5mb" title="Image #3:">
<img src="http://www.shape5.com/demo/images/multibox3.jpg" class="boxed" alt="" />
</a>
<div class="s5_multibox mb3">Image #3. It can support <strong>html</strong>.</div>



<br /><br /><br /><br /><br /><br /><br />

 <p>To enable use the following around any group of images:</p>
<div style="clear:both"></div><div class="code">

&lt;a href="http://www.shape5.com/demo/images/multibox1_lrg.jpg" id="mb2" class="s5mb" title="Grouped Image Example #1:"&gt;
&lt;img src="http://www.shape5.com/demo/images/multibox1.jpg" class="boxed" alt="" /&gt;
&lt;/a&gt;
&lt;div class="s5_multibox mb2"&gt;Multiple Image #1. It can support &lt;strong&gt;html&lt;/strong&gt;.&lt;/div&gt;
<br/>
<br/>
&lt;a href="http://www.shape5.com/demo/images/multibox2_lrg.jpg" id="mb3" class="s5mb" title="Grouped Image Example #2:"&gt;
&lt;img src="http://www.shape5.com/demo/images/multibox2.jpg" class="boxed" alt="" /&gt;
&lt;/a&gt;
&lt;div class="s5_multibox mb3"&gt;Multiple Image #2. It can support &lt;strong&gt;html&lt;/strong&gt;.&lt;/div&gt;
<br/>
<br/>
&lt;a href="http://www.shape5.com/demo/images/multibox3_lrg.jpg" id="mb4" class="s5mb" title="Grouped Image Example #3:"&gt;
&lt;img src="http://www.shape5.com/demo/images/multibox3.jpg" class="boxed" alt="" /&gt;
&lt;/a&gt;
&lt;div class="s5_multibox mb4"&gt;Multiple Image #3. It can support &lt;strong&gt;html&lt;/strong&gt;.&lt;/div&gt;


</div>



<br/>


<p><strong><font size="2">Video Example:</font></strong></p>   

<a href="http://www.youtube.com/v/VGiGHQeOqII" id="youtube" class="s5mb" title="Youtube.com Video">
Youtube.com Video - CLICK ME
</a>
<div class="s5_multibox youtube">UP: Carl and Ellie </div>

<br/>
<br/>
You can use the following video formats: flv, mov, wmv, real and swf.  Just insert the URL to the videos in the href of the hyperlink, here is an example of how we did this for a Youtube video:<br/>

<div class="code">
&lt;a href="http://www.youtube.com/v/VGiGHQeOqII" id="youtube" class="s5mb" title="Youtube.com Video"&gt;
Youtube.com Video  - CLICK ME
&lt;/a&gt;
&lt;div class="s5_multibox youtube"&gt;UP: Carl and Ellie &lt;/div&gt;
</div>


<br/>
YouTube Tutorial:  Simply right click on a youtube video and copy the embed code, then paste into a text editor and look for the embed src and use that URL in your hyperlink.

<div class="code">
&lt;embed src= http://www.youtube.com/v/VGiGHQeOqII
</div>



<br/>


<p><strong><font size="2">MP3 Example:</font></strong></p>   

<a href="http://www.shape5.com/demo/images/music.mp3"  id="mb8" class="s5mb" title="Music">MP3 example - CLICK ME</a>
<div class="s5_multibox mb8">mp3 example</div><br />

<div class="code">
&lt;a href="http://www.shape5.com/demo/images/music.mp3"  id="mb8" class="s5mb" title="Music">MP3 example&lt;/a&gt;
&lt;div class="s5_multibox mb8">mp3 example - CLICK ME&lt;/div&gt;
</div>


<br/>


<p><strong><font size="2">iFrame:</font></strong></p>   

<a href="http://www.google.com" rel="width:790,height:600" id="mb28" class="s5mb" title="Google.com">iFrame/HTML Example - CLICK ME</a>
<div class="s5_multibox mb28">Google.com</div><br />

<div class="code">
&lt;a href="http://www.google.com" rel="width:790,height:600" id="mb28" class="s5mb" title="Google.com"&gt;iFrame/HTML Example - CLICK ME&lt;/a&gt;
&lt;div class="s5_multibox mb28"&gt;Google.com&lt;/div&gt;

</div>


<br/><br/>





 


<div class="blue_box">
I like what I see! I want to <a href="http://www.shape5.com/join-now.html" target="_top"><strong>JOIN TODAY</strong></a>. </div>
 <br />