JavaScript 学习中

实现轮翻低级技术可以参考：

代码

<!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>