Javascript到图像的循环_Javascript

Javascript到图像的循环

javascript

Javascript到图像的循环,javascript,Javascript,简单的要求，但我不知道怎么做。我有一系列10幅图像（image0.gif、image1.gif、image2.gif等），当按下另一幅图像时，它们需要切换到序列中的下一幅图像（在9之后循环）。这就是我目前所拥有的 <html> <head></head> <body bgcolor="#808080"> <script type="text/javascript"> var

简单的要求，但我不知道怎么做。我有一系列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>


var c=0；
功能预加载（img）{
var a=新图像（）；
a、 src=img；
返回a；
}
如果（需要）{
time0=预加载（“image0.gif”）；
time1=预加载（“image1.gif”）；
time2=预加载（“image2.gif”）；
time3=预加载（“image3.gif”）；
time4=预加载（“image4.gif”）；
time5=预加载（“image5.gif”）；
time6=预加载（“image6.gif”）；
time7=预加载（“image7.gif”）；
time8=预加载（“image8.gif”）；
time9=预加载（“image9.gif”）；
}
函数clickme（）{
//更新图像
c+=1；
//警报（c）
}

在图像上放置一个id（

例如图像）
也没有href
元素。我想你的意思是键入在图像上加上一个id（例如图像
）
也没有href
元素。我想你是想先键入，你可以而且应该利用这样一个事实，即每个umage名称中唯一不同的是数字。因此，您可以存储数字并创建任何图像名称：
function getImage(id) {
    return "image"+id+".gif";
}

然后，您应该有一种方法来访问要更改的图像。如向元素添加id
：
<img id="changing" src="image0.png" />

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
 }

最后，更改图像元素：
<img id="changing" src="image0.png" />

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
 }

首先，您可以而且应该利用这样一个事实，即每个umage名称中唯一不同的是数字。因此，您可以存储数字并创建任何图像名称：
function getImage(id) {
    return "image"+id+".gif";
}

然后，您应该有一种方法来访问要更改的图像。如向元素添加id
：
<img id="changing" src="image0.png" />

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
 }

最后，更改图像元素：
<img id="changing" src="image0.png" />

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
 }

你怎么更新图像？他实际上是在问怎么做。我想他现在不会更新了。你的标记太不完整了，你能修好吗。你怎么更新图像？他实际上是在问怎么做。所以现在他没有更新，我想。你的标记太不完整了，你能修复它吗。