Installation
step 1
Include the below scripts on the Html file
<![CDATA[<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>]]>
<![CDATA[<script type="text/javascript" src="js/jquery.relocator.1.0.0.js"></script>]]>
step 2
Add the below javascript code inside the <head> section
<![CDATA[<script>
$(document).ready(function(){
$('#relocator').relocate({
title : true,
highlight : true,
direction : "bottom",
speed : 250,
});
});
</script>]]>
step 3
Just Add the Code and Save it as Css file
<![CDATA[
]]>
step 4
Finally add the Html elements
<![CDATA[
<div class="relocator" id="relocator">
<ul>
<li> <a href=""><img src="gallery/1.jpg" data-title="White Clouds" data-desc="White Clouds"></a> </li>
<li> <a href=""><img src="gallery/2.jpg" data-title="Bug" data-desc="Bug"></a> </li>
<li> <a href=""><img src="gallery/3.jpg" data-title="Flight Landing" data-desc="Flight Landing"></a> </li>
<li> <a href=""><img src="gallery/4.jpg" data-title="Angry Child" data-desc="Angry Child"></a> </li>
<li> <a href=""><img src="gallery/5.jpg" data-title="Sunset" data-desc="Sunset"></a> </li>
<li> <a href=""><img src="gallery/6.jpg" data-title="Old Toy" data-desc="Old Toy"></a> </li>
<li> <a href=""><img src="http://farm6.staticflickr.com/5088/5366575398_22cf324331_b.jpg"
data-title="Landing" data-desc="beautiful shot"></a> </li>
<li> <a href=""><img src="http://farm1.staticflickr.com/141/337589344_23c5933ca6_o.jpg"
data-title="Scenic Kosovo" data-desc="Colorfull landscape photograph"></a> </li>
<li> <a href=""><img src="http://farm4.staticflickr.com/3158/2547608404_c0c22440e8_o.jpg"
data-title="Scenic Route" data-desc="Scenic Route 207 Texas Plain Trail"></a> </li>
</ul>
</div>
]]>
