This tutorial will guide you through how to setup and enable javascript elements such as multibox, tooltips, lazy load and more.
<a href="http://www.shape5.com/demo/images/multibox1_lrg.jpg" id="mb1" class="s5mb" title="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="mb2" class="s5mb" title="Image Example #2:">
<img src="http://www.shape5.com/demo/images/multibox2.jpg" class="boxed"alt="" />
</a>
<div class="s 5_multibox mb3">Multiple Image #2. It can support <strong>html</strong>.</div>
<a href="http://www.shape5.com/demo/images/multibox3_lrg.jpg" id="mb3" class="s5mb" title=" Image Example #3:">
<img src="http://www.shape5.com/demo/images/multibox3.jpg" clas s="boxed" alt="" />
</a>
<div class=""s5_multibox mb4">Multiple Image #3. It can support <strong>html</strong>.</div>
<a href="http://www.shape5.com/demo/images/multibox1_lrg.jpg" id="mb1" rel="[firstset]"
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="mb2" rel="[firstset]"
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="mb3" rel="[firstset]"
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>
<a href="http://www.youtube.com/embed/VGiGHQeOqII" id="youtube" class="s5mb"
title="Youtube.com Video"> Youtube.com Video - CLICK ME </a> <div class="s5_multibox
youtube">Optional Text </div>
<embed src=http://www.youtube.com/v/VGiGHQeOqII
<embed src= http://www.youtube.com/embed/VGiGHQeOqII
<a href="http://player.vimeo.com/video/107825735" id="youtube" class="s5mb"
title="Vimeo.com Video"> Vimeo.com Video - CLICK ME </a> <div class="s5_multibox
youtube">Optional Text </div>
<iframe src="//player.vimeo.com/video/107825735?badge=0" width="500" height="281"
<href="http://player.vimeo.com/video/107825735"
<a href="http://www.youtube.com/embed/VGiGHQeOqII" id="youtube" rel="width:800,height:447" class="s5mb"
title="Youtube.com Video"> Youtube.com Video - CLICK ME </a> <div class="s5_multibox
youtube">Optional Text </div>
<a href="http://www.youtube.com/embed/VGiGHQeOqII" id="youtube" rel="width:800,height:447" class="s5mb"
title="Youtube.com Video"> Youtube.com Video - CLICK ME </a> <div class="s5_multibox
youtube">Optional Text </div>
<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>
<a href="http://www.getfirebug.com" rel="width:790,height:600,[iframe]" id="mb28" class="s5mb"
title="http://getfirebug.com/">iFrame/HTML Example - CLICK ME</a> <div class="s5_multibox
mb28">getfirebug.com</div>
<img class="s5_lazyload" src="image.jpg"></img>
<a onmouseover="Tip('This is a sample tooltip.', WIDTH, 140, OPACITY, 80, ABOVE, true,
OFFSETX, 1, FADEIN, 200, FADEOUT, 300,SHADOW, true, SHADOWCOLOR,
'#000000',SHADOWWIDTH, 2, BGCOLOR, '#000000',BORDERCOLOR, '#000000',FONTCOLOR,
'#FFFFFF', PADDING, 9)" href="http://www.shape5.com/demo/etensity/">
<img class="boxed2" alt="" src="http://www.shape5.com/demo/smart_blogger/images/tooltip.jpg"/>
</a>
<a href="/demo/salon_n_spa/index.htm" onmouseover="Tip('Image Demo
<img src=http://www.shape5.com/demo/smart_blogger/images/tooltip.jpg width=220
height=147>')">Demo 2 Image Tool Tip </a>
<a href="#" onmouseover="Tip('Image Demo<br /> <br /><img
src=http://www.shape5.com/demo/smart_blogger/images/tooltip.jpg width=220
height=147>',SHADOW, true, BGCOLOR, '#000000', FADEIN, 400, FADEOUT, 400,
SHADOWCOLOR, '#000000', BORDERCOLOR, '#000000',OPACITY, 90,FONTCOLOR,
'#FFFFFF')"><strong>Demo 3 Image Tool Tip</strong></a>