<html>
<head>
<title>Change Image onclick jQuery Example - Aspsolution.net</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
$(function () {
$('.Clickcls').click(function () {
if($(this)[0].value=="ASP")
{
$("#techimg").attr("src", "http://aspsolution.net/Handler/File.ashx?articleWithFileId=1339");
}
else if($(this)[0].value=="JAVA")
{
$("#techimg").attr("src", "http://aspsolution.net/Handler/File.ashx?articleWithFileId=1340");
}
else if($(this)[0].value=="PHP")
{
$("#techimg").attr("src", "http://aspsolution.net/Handler/File.ashx?articleWithFileId=1341");
}
})
})
</script>
</head>
<body>
<div>
Click on Button:
<input type="button" class="Clickcls" id="btnASP" value="ASP" />
<input type="button" class="Clickcls" id="btnJAVA" value="JAVA" />
<input type="button" class="Clickcls" id="btnPHP" value="PHP" />
</div><br />
<img id="techimg" />
</body>
</html>