如果想实现轮播而又想直接通过图片来触发事件,那么可以用下面两种方法来实现:
1、img标签的src属性事先不放实际存在的图片网址,则网页显示后会触发img的onerror事件,那么
<img src="?" id=img1 onerror="nextpic()" />
2、img标签的src属性事先放入实际存在的图片网址,则网页显示后会触发img的onload事件,那么
<img src="123.gif" id=img1 onload="nextpic()" />
<html><head>
<script type="text/javascript" language="javascript">
function toURL()
{
return "http:\/\/www.abc.com\/getpic.asp?url="
}
</script>
</head>
<body>
<img id="img1" src="http://www.xyz.com/123.jpg"/>
<script type="text/javascript" language="javascript">
document.getElementById('img1').src=toURL()+document.getElementById('img1').src
</script>
</body>
</html>
上面代码是你要的效果吗?你那样嵌套是不对的js可以动态的画出<html>对象,但在<html>对象中只能用onclick,onmouseover等事件调用js,不可以直接引用像你这样写的脚本,那样浏览器是无法正确识别的。