Saturday, October 17, 2009

Change Image with useing of Java Script...

<html>
<style>
body {background-Color:darkred;margin-top:0;margin-left:0;margin-right:0;margin-bottom-0;}
a {color:pink;font-size:16;text-decoration:none;font-weight:bold;}
a:hover {color:yellow;font-size:18;text-decoration:none;font-weight:bold;}
</style>
<script language="JavaScript">
function cimage(imagename)
{
img1.src=imagename;
}
</script>
<body>
<table width="100%" align="center">
<tr>
<td align="center" height="50">
<a href="#" onClick="cimage('pics/1.jpg')">1 | </a>
<a href="#" onClick="cimage('pics/2.jpg')">2 | </a>
<a href="#" onClick="cimage('pics/3.jpg')">3 | </a>
<a href="#" onClick="cimage('pics/4.jpg')">4 | </a>
<a href="#" onClick="cimage('pics/5.jpg')">5 | </a>
</td>
</tr>
<tr>
<td align="center">
<img src="pics/1.jpg" id="img1" name="img1" height="520" alt="Salam">
</td>
</tr>
</table>
</body>
</html>
Made By: Muhammad Waqas Shaikh
Posted by Muhammad Waqas Shaikh at 1:16 AM

No response to “Change Image with useing of Java Script...”

Post a Comment