尝试创建一个简单的javascript库，其中包含一个“下一个”和“上一个”按钮，以循环回到开始_Javascript_Html_Css

尝试创建一个简单的javascript库，其中包含一个“下一个”和“上一个”按钮，以循环回到开始

javascript html css

尝试创建一个简单的javascript库，其中包含一个“下一个”和“上一个”按钮，以循环回到开始,javascript,html,css,Javascript,Html,Css,我是一种新的Javascript。我正在尝试创建一个简单的图库，其中有一个“下一个”和“上一个”按钮，当单击该按钮时，将这些图像循环到前面。我设法找到了一些教程和小贴士，让图像点击，但我仍然坚持我做错了什么。“下一步/上一步”按钮位于左上角，希望围绕缩略图图片居中，如左上角的“上一步”和缩略图图片右上角的“下一步”。我去过当地的图书馆，但仍然不能弄明白这一点我做错了什么？如何纠正？多谢各位 <html> <head> <link rel="stylesheet"

我是一种新的Javascript。我正在尝试创建一个简单的图库，其中有一个“下一个”和“上一个”按钮，当单击该按钮时，将这些图像循环到前面。我设法找到了一些教程和小贴士，让图像点击，但我仍然坚持我做错了什么。“下一步/上一步”按钮位于左上角，希望围绕缩略图图片居中，如左上角的“上一步”和缩略图图片右上角的“下一步”。我去过当地的图书馆，但仍然不能弄明白这一点

我做错了什么？如何纠正？多谢各位

<html>
<head>
<link rel="stylesheet" type="text/css" href="test2.css">
<title>Simple Playing Around</title>
</head>
<script type="text/javascript">

 var photos=new Array()
 var which=0
 photos[0]='http://i67.tinypic.com/20uv0vp.png'
 photos[1]='http://i67.tinypic.com/20uv0vp.png'
 photos[2]='http://i67.tinypic.com/20uv0vp.png'
 photos[3]='http://i67.tinypic.com/20uv0vp.png'

 function backward(){
    if (which > 0){
        which=which-1
        document.images.photoslider.src=photos[which]
    }
 }   
      function backward(){
    if (which>0){
     which=which-1;
    } else {
     which=photos.length-1;
    }
    document.images.photoslider.src=photos[which];
 }

 function forward(){
    if (which<photos.length-1){
     which=which+1;
    } else {
     which=0;
    }
   document.images.photoslider.src=photos[which];
 }
 }

 </script>

 <form>
     <input type="button" value="&lt;&lt;Back" onClick="backward()"> 
     <input type="button" value="Next&gt;&gt;" onClick="forward()">
 </form>

<body>

<div class="gallery" align="center">
<h3>Thumbnails</h3>

<div class="thumbnails">
<img onmouseover="preview.src=img1.src" name="img1" src="http://i67.tinypic.com/20uv0vp.png" alt="cat" />
<img onmouseover="preview.src=img2.src" name="img2" src="http://i67.tinypic.com/20uv0vp.png" alt="cat" />
<img onmouseover="preview.src=img3.src" name="img3" src="http://i67.tinypic.com/20uv0vp.png" alt="cat" />
<img onmouseover="preview.src=img4.src" name="img4" src="http://i67.tinypic.com/20uv0vp.png" alt="cat" />
<img onmouseover="preview.src=img5.src" name="img5" src="http://i67.tinypic.com/20uv0vp.png" alt="cat" />
<img onmouseover="preview.src=img6.src" name="img6" src="http://i67.tinypic.com/20uv0vp.png" alt="cat" />
<img onmouseover="preview.src=img7.src" name="img7" src="http://i67.tinypic.com/20uv0vp.png" alt="cat" />
</div>

<div class="preview" align="center">
<img name="preview" src="http://i67.tinypic.com/20uv0vp.png" alt=""/>
</div>
</div> 
</body>
</html>


简单的玩儿
var photos=新数组（）
var=0
照片[0]='http://i67.tinypic.com/20uv0vp.png'
照片[1]='http://i67.tinypic.com/20uv0vp.png'
照片[2]='http://i67.tinypic.com/20uv0vp.png'
照片[3]='http://i67.tinypic.com/20uv0vp.png'
函数向后（）{
如果（哪个>0）{
哪个=哪个-1
document.images.photoslider.src=photos[which]
}
}   
函数向后（）{
如果（哪个>0）{
which=which-1；
}否则{
其中=photos.length-1；
}
document.images.photoslider.src=photos[which]；
}
函数forward（）{
如果（哪个试试这个
    function forward()
    {
        which++;
        if(which>photos.length-1)
        {
            which=0;
        }
        document.images.photoslider.src=photos[which];
    }

function backward()
{
    --which;
    if(which<1)
    {
        which=photos.length-1;
    }
    document.images.photoslider.src=photos[which];
}

函数转发（）
{
哪个++；
如果（哪个>照片。长度-1）
{
其中=0；
}
document.images.photoslider.src=photos[which]；
}
函数向后（）
{
--其中,；
如果（哪个