<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<script type="text/javascript">
/*****************************
Знам че има много по-умен
метод но в момента ми се
пишат глупости. Става и
само с CSS.
****************************/
var myImages=new Array();
myImages["buton1.gif"]="buton2.gif";
myImages["buton2.gif"]="buton1.gif";
function changeImage(aImageObj)
{
/**********************************
Иначе взима абсолютния
локейшън и става малко гадно ...
***********************************/
var currSrc=aImageObj.src.match(/[^\.\/]+.\w{3}$/);
aImageObj.src=myImages[currSrc];
}
</script>
</head>
<body>
<div>
<input type="image" src="buton1.gif" onclick="changeImage(this);"/>
</div>
</body>
</html>
От неизбежното се възмущава само този, който е неразумен.