подскажите полному чайнику, в чём же может быть дело???:
Код:
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HEAD>
<TITLE>изменяется картинка по действия мышки...</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</HEAD>
<BODY bgcolor="#AACCFF" onLoad="initRoll()" >
<img id="roll" src="pic1.jpg"/>
<script type="text/javascript" >
//window.onLoad = initRoll;
function initRoll() {alert("initRoll-старт");
var img=document.getElementById('roll') ;
img.onMouseOver=function () {this.src='pic2.jpg'; alert('img2');} ;
img.onMouseOut =function () {this.src='pic3.jpg'; alert('img3');} ;
img.onMouseDown=function () {this.src='pic4.jpg'; alert('img4');} ;
img.onMouseUp =function () {this.src='pic1.jpg'; alert('img1');} ;
}
</script>
</BODY>
</HTML> |
вроде всё просто, но то ли синтаксис неправильно использую, то ли ещё какая причина - но смены картинок ну никак не происходит