0

建议使用以下代码，但功能不完整:-(。我想在单击时显示一组图像 (var imgs)，并在数组末尾返回第一个 img = 1。任何帮助将不胜感激。谢谢。限制图像显示 

 var imgs = ["'pic1lg.jpg","pic2lg.jpg","pic3lg.jpg","pic4lg.jpg","pic5lg.jpg"];
 var baseURL = 'images/art_contests/2005/';

 var x=imgs.length;
 function change(){
 if (x>0) { document.getElementById("bob").src=baseURL+imgs[--x]; } 
 }
 window.onload = function() { change(); }
 </script>
 </head>
 <body>
 <img src="" id="bob" alt="" onmousedown="change()">
 </body>

顺便说一句，什么是“鲍勃”？

4

3 回答 3

1 
<script>

var imgs = ["pic1lg.jpg","pic2lg.jpg","pic3lg.jpg","pic4lg.jpg","pic5lg.jpg"];
 var baseURL = 'images/art_contests/2005/';

 var imagesLength= imgs.length;
 var current = imgs.length;
 function change(img){
    if(current <= 0)
        current = imagesLength;
    img.src=baseURL+imgs[--current];
 }
 window.onload = function() { change(); }
;
 </script>
 </head>
 <body>
 <img src="" id="bob" alt="" onmousedown="change(this)">
 </body>
于 2012-11-05T05:04:30.030 回答
0

如果你想让它回滚到开始，你必须在x它小于 0 时重新设置它的值。

if (x < 0) {
  x = imgs.length - 1;
}
document.getElementById("bob").src = baseURL+imgs[x--];

这样做是x在更改图像之前检查的值，如果它小于 0（0 是第一个图像），则将其设置为比数组长度小一（数组索引基于 0，因此最后一项的索引为length-1）。

于 2012-11-05T04:59:58.677 回答
-1

试试这个
我为当前选择的数组添加了一个国家。 

<script>
var imgs = ["'pic1lg.jpg","pic2lg.jpg","pic3lg.jpg","pic4lg.jpg","pic5lg.jpg"];
var baseURL = 'images/art_contests/2005/';

 var x=imgs.length;
 var latest = 0;
 function change(){

    if (x>0) { 
        if(latest < x){
            document.getElementById("bob").src=baseURL+imgs[latest];
            latest++;
        }else{
         latest = 0;    
        }
    } 
 }

 </script>
 </head>
 <body>
 <input type="button" onclick="change()"/>
 <img src="" id="bob" alt="" onclick="change()">
 </body>
于 2012-11-05T05:04:43.870 回答