图片不能转换,求指点
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.<html xmlns="http://www.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8"/>
<meta name="keywords" content="javascript图片轮换 by 司徒正美" />
<meta name="description" content="javascript图片轮换 by 司徒正美" />
<title>javascript图片轮换 by 司徒正美</title>
<style type="text/css">
#album {
position:relative;
width:400px;
height:300px;
border:5px solid #8080C0;
}
#album ul,#album li {
list-style:none;
margin:0;
padding:0;
}
#album ul {
position:relative;
height:300px;
width:400px;
overflow:hidden;
background:transparent url(http://) no-repeat 0 0;
}
#album li {
position:absolute;
width:1000%;
}
#album a {
float:left;
}
#album img {
display:block;
border:0;
}
#album span {
position:absolute;
right:0;
bottom:10px;
}
#album span a {
display:block;
margin-right:10px;
width:15px;
height:15px;
line-height:15px;
text-align:center;
text-decoration:none;
color:gray;
background:transparent url(http://) no-repeat -15px 0;
}
#album span a:hover,#album span a.hover {
color:#000000; //鼠标经过时的颜色
background-position:0 0;
}
</style>
<script type="text/javascript">
var obj,first,total,cn,delay=1000
function window.onload(){
obj=document.getElementById("turn") //捕获ID为turn的对象
first=1 //第一张图片的路径信息
total=6 //最后一张图片的路径信息
cn=1 //当前显示的图片路径信息
setTimeout("change()",delay/2)
//delay/2毫秒后执行change()函数
}
function change(){
url="http:// //图片路径的前部分
suffix=".jpg" //图片的扩展名
if(cn<total) //如果当前图片数字小于最后一张的图片数字
url+=(cn+=1)+suffix //cn自增1,并连接字符串得到url
//否则如果当前图片数字等于最后一张的图片数字,即轮换到最后一张时
else if(cn==total)
//cn重调为first(第一张图片),并且连接字符串得到url
url+=(cn=first)+suffix
with(obj.filters.revealTrans){
apply() //捕获对象内容的初始显示,为转换做必要的准备
//revealTrans滤镜的转换效果,0到22为23种效果,
//23为23种效果的随机一种
transition=23
obj.src=url //设置图片的路径
play() //开始转换。
}
setTimeout("change()",delay)//delay毫秒后再次执行change()函数
}
</script>
</head>
<body>
<h4>javascript图片轮换 by 司徒正美</h4>
<div id="album">
<ul>
<li>
<a href="http:// id="index1">
<img alt="月光下的花瓣" src="http:// />
</a>
<a href="http:// id="index2">
<img alt="清澈的湖水" src="http:// />
</a>
<a href="http:// id="index3">
<img alt="荒漠上的植物" src="http:// />
</a>
<a href="http:// id="index4">
<img alt="末日霓虹" src="http:// />
</a>
<a href="http:// id="index5">
<img alt="绿·生意" src="http:// />
</a>
<a href="http:// id="index6">
<img alt="又是收获的季节" src="http:// />
</a>
</li>
</ul>
<span>
<a href="#index1">1</a>
<a href="#index2">2</a>
<a href="#index3">3</a>
<a href="#index4">4</a>
<a href="#index5">5</a>
<a href="#index6">6</a>
</span>
</div>
</body>
</html>
小弟刚刚接触,不明白错在哪里,求高手指点