0

简单的请求，但我不知道该怎么做。我有一系列 10 个图像（image0.gif、image1.gif image2.gif 等），当按下另一个图像时，它们需要更改为序列中的下一个图像（在 9 个之后循环）。这是我目前所拥有的......

 <html>  
    <head></head>
    <body bgcolor="#808080">
        <script type="text/javascript">
            var c = 0;
            function preload(img) {
                var a = new Image();
                a.src = img;
                return a;
            }

            if (needed) {
                time0 = preload("image0.gif");
                time1 = preload("image1.gif");
                time2 = preload("image2.gif");
                time3 = preload("image3.gif");
                time4 = preload("image4.gif");
                time5 = preload("image5.gif");
                time6 = preload("image6.gif");
                time7 = preload("image7.gif");
                time8 = preload("image8.gif");
                time9 = preload("image9.gif");
            }

            function clickme() {
                // update image
                c += 1;
                // alert(c)
            }
        </script>
        <div align="center">
            <center>
                <img src="images/image0.gif" width="20" height="55" name="time0"> <a href="#" onMouseDown="return clickme()">
                    <img src="images/button.gif" border="0" width="96" height="55">
                    </a>
                </td>
                </tr>
                </table>
            </center>
        </div>
    </body>

</html>
4

2 回答 2

2

首先，您可以而且应该利用这样一个事实，即每个 umage 名称中唯一不同的是数字。因此，您可以存储编号并创建任何图像名称： 

function getImage(id) {
    return "image"+id+".gif";
}

然后，您应该有办法访问要更改的图像。就像添加id到他元素：

<img id="changing" src="image0.png" />

应该有onclick，没有onmousedown。用户可能会改变主意并将鼠标移开 - 那不是点击：

<a href="#" onclick="clickme()" />

最后，更改图像元素：

var c=0;
var max = 9;
function clickme() {
   c++;
   if(c>max)
     c=0;   //looping back to zero
   docment.getElementById("changing").src = getImage(c);  //getImage is defined above
 }
于 2013-02-13T14:51:44.140 回答
1

在图像上放置一个 id（the-image例如 ）。

function clicme() {
    c += 1;
    document.getElementById('the-image')
        .setAttribute('src', 'image' + (c % 10) + '.gif');
}

也没有href元素。我想你的意思是输入<a href.

于 2013-02-13T14:47:08.390 回答