实现轮翻 低级技术可以参考:
代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>建立循环式的灯幻片</title>
<script type="text/javascript">
window.onload=iniAll;
var mypix=new Array("img/1.jpg","img/2.jpg","img/3.jpg");
var thispic=0;
function iniAll(){
document.getElementById("pre").onclick=preprocess;
document.getElementById("next").onclick=nextprocess;
}
function preprocess(){
if(thispic==0){
thispic=mypix.length;
}
thispic --;
document.getElementById("mypicture").src=mypix[thispic];
}
function nextprocess(){
thispic ++;
if(thispic==mypix.length){
thispic = 0 ;
}
document.getElementById("mypicture").src=mypix[thispic]
return false;
}
</script>
<style type="text/css">
img
</style>
</head>
<body>
<div id="centered">
<h1>imge slidershow</h1>
<img src="img/1.jpg" id="mypicture" alt="sideshow"/>
<h1>
<a href="#" id="pre"><< pre</a>
<a href="#" id="next">next>></a>
</h1>
</div>
</body>
</html>