Hire PHP Developer - Hire Ajax Developer

horizontal-gallery slide show

DEMO

HTML CODE

<link rel="stylesheet" href="http://www.phpasks.com/blogs/wp-content/uploads/2009/11/gallerystyle2.css" />
<script type="text/javascript" src="http://www.phpasks.com/blogs/wp-content/uploads/2009/11/motiongallery2.js"></script>
<script type="text/javascript" src="/js/prototype.js"></script>
<script language="javascript">
function open_new(image, id)
{
var a = '<img src='+image+'>';
$(id).update(a);
}
</script>
<div style="overflow:hidden;">
<div id="motioncontainer" style="width:150px; height:300px; overflow:hidden; position: relative;">
<div id="motiongallery" style="position:absolute; left:0; top:0;">
<!--Gallery Contents below-->
<a href="#" onclick="open_new('http://www.phpasks.com/blogs/wp-content/uploads/2009/11/dynamicbook1.gif', 'id_image');"><img src="http://www.phpasks.com/blogs/wp-content/uploads/2009/11/dynamicbook1.gif" border=1></a><br />
<a href="#"><img src="http://www.phpasks.com/blogs/wp-content/uploads/2009/11/dynamicbook1.gif" border=1></a><br />
<a href="#"><img src="http://www.phpasks.com/blogs/wp-content/uploads/2009/11/dynamicbook1.gif" border=1></a><br />
<a href="#"><img src="http://www.phpasks.com/blogs/wp-content/uploads/2009/11/dynamicbook1.gif" border=1></a><br />
<a href="#"><img src="http://www.phpasks.com/blogs/wp-content/uploads/2009/11/dynamicbook1.gif" border=1></a><br />
<a href="#"><img src="http://www.phpasks.com/blogs/wp-content/uploads/2009/11/dynamicbook1.gif" border=1></a><br />
<a href="#"><img src="http://www.phpasks.com/blogs/wp-content/uploads/2009/11/dynamicbook1.gif" border=1></a><br />
<a href="#"><img src="http://www.phpasks.com/blogs/wp-content/uploads/2009/11/dynamicbook1.gif" border=1></a><br />
<a href="#"><img src="http://www.phpasks.com/blogs/wp-content/uploads/2009/11/dynamicbook1.gif" border=1></a>
<!--End Gallery Contents-->
</div>
</div>
</div>
<div id="id_image">Asif Khan</div>

• Share
• Tweet
• "&title=""">