Hi,
I am making a slide show like in wipro's site
http://www.wipro.com/index.htm(the upper black area).
The problem is, i want to give link on images.
but when m giving link on image. one image doesn't move and others do, and even the links do not work.
This is the code -
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Webtek Labs</title>
<link rel="stylesheet" href="ImageFlow_files/style.css" type="text/css">
<link rel="stylesheet" href="ImageFlow_files/imageflow.css" type="text/css">
<script type="text/javascript" src="ImageFlow_files/imageflow.js"></script>
<link rel="stylesheet" type="text/css" href="index_files/base.css">
<link rel="stylesheet" type="text/css" href="index_files/footer.css">
<link rel="stylesheet" type="text/css" href="index_files/home.css">
<link rel="stylesheet" type="text/css" href="index_files/poll.css">
<link rel="stylesheet" type="text/css" href="index_files/menu.css">
<link rel="stylesheet" href="index_files/imageflow.css" type="text/css">
<link rel="stylesheet" href="index_files/imageflow.packed.css" type="text/css" />
<script src="index_files/jquery-1.2.6.js" type="text/javascript"></script>
<script src="index_files/jquery.pngfix.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript" src="index_files/jquery.hoverIntent.js"></script>
<script type="text/javascript" language="javascript" src="index_files/jquery.easing.1.3.js"></script>
<script type="text/javascript" language="javascript" src="index_files/jquery.scrollTo-1.4.2.js"></script>
<script src="index_files/Masterjs.js" type="text/javascript"></script>
<script src="index_files/poll_engine.js" type="text/javascript"></script>
<script src="index_files/jquery.url.js" type="text/javascript"></script>
<script type="text/javascript" src="index_files/imageflow.js"></script>
</head>
<body>
<div class="container">
<script type="text/javascript" language="javascript" src="index_files/DD_roundies_0.js"></script>
<script type="text/javascript" language="javascript" src="index_files/jquery.easing.1.3.js"></script>
<script type="text/javascript" language="javascript" src="index_files/jquery.scrollTo-min.js"></script>
<div class="menu_left">
<form style="border: 0pt none; margin: 0pt; padding: 0pt;" method="get" action="" id="search_form">
<input name="sp_a" value="sp1004611e" type="hidden">
<input name="sp_p" value="all" type="hidden">
<input name="sp_f" value="ISO-8859-1" type="hidden">
<div class="top">
<div class="worldwidetext">
<table class="worldwidetexttable" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td class="worldwidetext_td"><a href="html/careers.html" title="Careers" target="_blank">Careers</a> </td>
<td class="menu_hiddenValue display-none"></td>
</tr>
</tbody></table>
</div>
</div>
<div style="display: block;" class="search_place">
<div class="gray_left_cont">
<div style="width: 113px; left: 156px;" class="gray_Left_placeholder blue_Left_placeholder_round">
<div class="gray_sq_cir">
<div style="width: 109px;" class="gray_area">
<div class="graytext">Search</div>
</div>
</div>
</div>
</div>
<input class="searchtextbox" id="sp_q" name="sp_q" type="text">
</div>
<!--search-->
<!-- About Us menu Starts -->
<div class="noindex">
<div class="menu_place" style="margin-top: 5px; display: block;"> <a href="">
<div class="menu_place_blue">
<div class="menu_place_blue_malfun">
<!-- -->
</div>
<div class="bluetext" title="Corporate">About Us</div>
</div>
</a>
<div class="menu_place_gray Corporate">
<table class="display-none" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="main_menu_left_table">
<table class="text-left" border="0" cellpadding="10" cellspacing="0">
<tbody>
<tr>
<td class="main_menu_arrow"><img title="" alt="" src="index_files/bullet.gif" border="0"></td>
<td class="main_menu_txt"><a href="html/index.html" title="Overview">Overview</a></td>
</tr>
</tbody>
</table>
</td>
<td class="main_menu_right_table">
<table class="text-left" border="0" cellpadding="10" cellspacing="0">
<tbody>
<tr>
<td class="main_menu_arrow"><img title="" alt="" src="index_files/bullet.gif" border="0"></td>
<td class="main_menu_txt"><a href="html/business-advisory.html" title="Media">Business Advisory Council</a></td>
</tr>
<tr>
<td class="main_menu_arrow"><img title="" alt="" src="index_files/bullet.gif" border="0"></td>
<td class="main_menu_txt"><a href="html/corporate-social-responsibility.html" title="Corporate Social Responsibility">Corporate Social Responsibility</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td colspan="2">
<table class="text-left" align="left" border="0" cellpadding="0" cellspacing="0">
<tbody>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--Corporate-->
<!--Industries-->
<div style="display: block;" class="menu_place"> <a href="">
<div class="menu_place_blue">
<div class="menu_place_blue_malfun">
<!-- -->
</div>
<div class="bluetext" title="Testing Services">Testing Services</div>
</div>
</a>
<div class="menu_place_gray Industries">
<table class="display-none" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="main_menu_left_table main_menu_height">
<table class="text-left" border="0" cellpadding="0" cellspacing="0">
<tbody>
<!--page_1-->
<tr class="menu_cell page_1 display-block">
<td class="main_menu_arrow"><img src="index_files/bullet.gif" alt="" title="" border="0"></td>
<td class="main_menu_txt"><a href="html/testing-services-overview.html" title="Testing Services Overview">Overview</a></td>
</tr>
<tr class="menu_cell page_1 display-block">
<td class="main_menu_arrow"><img title="" alt="" src="index_files/bullet.gif" border="0"></td>
<td class="main_menu_txt"><a href="html/security-testing.html" title="Security Testing">Security Testing</a></td>
</tr>
<tr class="menu_cell page_1 display-block">
<td class="main_menu_arrow"><img src="index_files/bullet.gif" alt="" title="" border="0"></td>
<td class="main_menu_txt"><a href="html/mobility.html" title="Mobility">Mobility</a></td>
</tr>
<tr class="menu_cell page_1 display-block">
<td class="main_menu_arrow"><img title="" alt="" src="index_files/bullet.gif" border="0"></td>
<td class="main_menu_txt"><a href="html/data-center-testing.html" title="Data Center Testing">Data Center Testing</a></td>
</tr>
<!--page_2-->
<tr class="menu_cell page_2 display-none">
<td class="main_menu_arrow"><img src="index_files/bullet.gif" alt="" title="" border="0"></td>
<td class="main_menu_txt"><a href="html/test-coverage.html" title=" Test Coverage Audit.">Test Coverage Audit.</a></td>
</tr>
<tr class="menu_cell page_2 display-none">
<td class="main_menu_arrow"><img src="index_files/bullet.gif" alt="" title="" border="0"></td>
<td class="main_menu_txt"><a href="html/usability-testing.html" title=" Usability testing">Usability testing</a></td>
</tr>
<tr class="menu_cell page_2 display-none">
<td class="main_menu_arrow"><img title="" alt="" src="index_files/bullet.gif" border="0"></td>
<td class="main_menu_txt"><a href="html/business-testing.html" title="Business as usual testing">Business as usual testing</a></td>
</tr>
<tr class="menu_cell page_2 display-none">
<td class="main_menu_arrow"><img src="index_files/bullet.gif" alt="" title="" border="0"></td>
<td class="main_menu_txt"><a href="html/manual-testing.html" title="Manual Testing">Manual Testing</a></td>
</tr>
</tbody>
</table>
</td>
<td class="main_menu_right_table">
<table class="text-left" border="0" cellpadding="0" cellspacing="0">
<tbody>
<!--page_1-->
<tr class="menu_cell page_1 display-block">
<td class="main_menu_arrow"><img src="index_files/bullet.gif" alt="" title="" border="0"></td>
<td class="main_menu_txt"><a href="html/test-automation.html" title="Test Automation">Test Automation</a></td>
</tr>
<tr class="menu_cell page_2 display-none">
<td class="main_menu_arrow"><img title="" alt="" src="index_files/bullet.gif" border="0"></td>
<td class="main_menu_txt"><a href="html/compatibility-testing.html" title="Compatibility Testing">Compatibility Testing </a></td>
</tr>
<tr class="menu_cell page_1 display-block">
<td class="main_menu_arrow"><img src="index_files/bullet.gif" alt="" title="" border="0"></td>
<td class="main_menu_txt"><a href="html/platform-testing.html" title="Platform Testing">Platform Testing</a></td>
</tr>
<tr class="menu_cell page_1 display-block">
<td class="main_menu_arrow"><img title="" alt="" src="index_files/bullet.gif" border="0"></td>
<td class="main_menu_txt"><a href="html/integration-testing.html" title="Integration Testing">Integration Testing</a></td>
</tr>
<tr class="menu_cell page_1 display-block">
<td class="main_menu_arrow"><img title="" alt="" src="index_files/bullet.gif" border="0"></td>
<td class="main_menu_txt"><a href="html/migration-testing.html" title="Migration Testing">Migration Testing</a></td>
</tr>
<!--page_2-->
</tbody>
</table>
</td>
</tr>
<tr>
<td colspan="2">
<div class="Industries_pagination_bg">
<div class="pagination_norm pagination" id="page_2"> 2 </div>
<div class="pagination_sel pagination" id="page_1"> 1 </div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
Please help me as soon as possible.
