Javascript RunningPuppy动画Gif_Javascript

Javascript RunningPuppy动画Gif

javascript

Javascript RunningPuppy动画Gif,javascript,Javascript,我被家庭作业计划困住了。我应该创建一个JavaScript程序来显示动画小狗的运行。我必须使用缓存在图像完成加载后立即启动动画，并执行以下操作之一：getElementsByName（）、getElementById（）或getElementsByTagName（）。这是我到目前为止所拥有的，但当我在Firefox中运行它时，我看到的只是一个闪烁的框，上面写着“小狗的图像” 小狗快跑 /* */ /* */ 您的小狗图片是否在正确的目录中？它们看起来像什么？另外，您是否收到任何consol

我被家庭作业计划困住了。我应该创建一个JavaScript程序来显示动画小狗的运行。我必须使用缓存在图像完成加载后立即启动动画，并执行以下操作之一：

getElementsByName（）

、

getElementById（）

或

getElementsByTagName（）

。这是我到目前为止所拥有的，但当我在Firefox中运行它时，我看到的只是一个闪烁的框，上面写着“小狗的图像”


小狗快跑
/*  */
/*  */

您的小狗图片是否在正确的目录中？它们看起来像什么？另外，您是否收到任何

console

错误？只有当

img

无法加载时，您才会看到

alt

文本。你确定你的

根目录中有一个名为images
的文件夹，并且该文件夹中还有一个puppy0.gif？是的，它与图片保存在同一文件夹中。这幅画是一只白色的小狗，上面有几个斑点。总共有6张图片。这些图像位于我们为该课程下载的“项目”文件夹中。这就是我保存此任务的文件夹。哦，没有错误，它通过了W3CY。您需要为您的图像设置错误处理程序。
<!DOCTYPE HTML>
<html>
<head>
<title>Running Puppy</title>
  <meta http-equiv="content-type" content="text/html;
    charset=utf-8" />
<script type="text/javascript">
/* <![CDATA[ */
var puppy = new Array(6);
var curPuppy = 0
for (var imagesLoaded=0; imagesLoaded < 6;
    ++imagesLoaded) {
    puppy[imagesLoaded] = new Image();
    puppy[imagesLoaded].src
        = "images/puppy" + imagesLoaded + ".gif";
    }
function run(){
    if (curPuppy == 5)
        curPuppy = 0;
    else
        ++curPuppy;
    document.getElementById("puppyImage").src = puppy[curPuppy].src;
}
/*]]> */
</script>

</head>
<body onload="setInterval('run()', 150)">
<img src="images/puppy0.gif" id="puppyImage" width="263" height="175" alt="Image of a puppy." />

<script type="text/javascript">
/* <![CDATA[ */
document.write("<h1 id='mainHeading'></h1>");
document.getElementById("mainHeading").innerHTML =         document.getElementsByTagName("title")[0].innerHTML;
/*]]> */
</script>

</body>
</html>