Features:

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

Images Example



  


  


To enable use the following around any group of images:

<a href=”http://www.shape5.com/demo/images/multibox1_lrg.jpg” id=”mb2″ class=”s5mb” title=”Grouped Image Example #1:”>
<img src=”http://www.shape5.com/demo/images/multibox1.jpg” class=”boxed” alt=”” />
</a>
<div class=”s5_multibox mb2″>Multiple Image #1. It can support <strong>html</strong>.</div>

<a href=”http://www.shape5.com/demo/images/multibox2_lrg.jpg” id=”mb3″ class=”s5mb” title=”Grouped Image Example #2:”>
<img src=”http://www.shape5.com/demo/images/multibox2.jpg” class=”boxed” alt=”” />
</a>
<div class=”s5_multibox mb3″>Multiple Image #2. It can support <strong>html</strong>.</div>

<a href=”http://www.shape5.com/demo/images/multibox3_lrg.jpg” id=”mb4″ class=”s5mb” title=”Grouped Image Example #3:”>
<img src=”http://www.shape5.com/demo/images/multibox3.jpg” class=”boxed” alt=”” />
</a>
<div class=”s5_multibox mb4″>Multiple Image #3. It can support <strong>html</strong>.</div>

Video Example:


Youtube.com Video – CLICK ME

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:

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

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.

<embed src= http://www.youtube.com/v/VGiGHQeOqII

MP3 Example:

MP3 example – CLICK ME

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

iFrame:

iFrame/HTML Example – CLICK ME