Javascript 新图像（）应该是add.src吗？_Javascript

Javascript 新图像（）应该是add.src吗？

javascript

Javascript 新图像（）应该是add.src吗？,javascript,Javascript,关于新图像的问题（）我认为下面的代码来自“JavaScript示例第二版” planet[0] = "images/Venus.jpg" 这是错误的，应该是错误的 planet[0].src = "images/Venus.jpg" 替换 document.images["planet_pic"].src = planet[i]; 与是这样吗 <!DOCTYPE html> <html> <head> <title>Slid

关于新图像的问题（）

我认为下面的代码来自“JavaScript示例第二版”

planet[0] = "images/Venus.jpg"

这是错误的，应该是错误的

planet[0].src = "images/Venus.jpg"

替换

document.images["planet_pic"].src = planet[i];

与

是这样吗

<!DOCTYPE html>
<html>
<head>
    <title>Slide Show</title>
    <script type="text/javascript">
        var i = 0;
        var timeout;
        function preLoadImages() {
            if (document.images) {
                planet = new Array(); // global variable
                planet[0] = new Image();
                planet[0] = "images/Venus.jpg";
                planet[1] = new Image();
                planet[1] = "images/Neptune.jpg";
                planet[2] = new Image();
                planet[2] = "images/Earth.jpg";
                planet[3] = new Image();
                planet[3] = "images/Mars.jpg";
                planet[4] = new Image();
                planet[4] = "images/Jupiter.jpg";
            }
            else {
                alert("There are no images to preload");
            }
        }
        function startSlideShow() {
            if (i < planet.length) {
                document.images["planet_pic"].src = planet[i];
                i++;
            }
            else {
                i = 0;
                document.images["planet_pic"].src = planet[i];
            }
            timeout = setTimeout('startSlideShow()', 1500);
        }
        function stopSlideShow() {
            clearTimeout(timeout);
        }
    </script>
</head>
<body bgcolor="black" onload="preLoadImages()">
    <img name="planet_pic" src="/images/Jupiter.jpg" height="348"
        width="545px" />
    <form>
        <br />
        <br />
        <input type="button" value="Start Show"
            onclick="return startSlideShow();" />
        <input type="button" value="Stop Show"
            onclick="return stopSlideShow();" />
    </form>
</body>
</html>


幻灯片放映
var i=0；
var超时；
函数preload images（）{
if（document.images）{
planet=new Array（）；//全局变量
行星[0]=新图像（）；
行星[0]=“images/Venus.jpg”；
行星[1]=新图像（）；
行星[1]=“images/Neptune.jpg”；
行星[2]=新图像（）；
行星[2]=“images/Earth.jpg”；
行星[3]=新图像（）；
行星[3]=“images/Mars.jpg”；
行星[4]=新图像（）；
行星[4]=“images/Jupiter.jpg”；
}
否则{
警报（“没有要预加载的图像”）；
}
}
函数startSlideShow（）{
如果（i<行星长度）{
document.images[“planet_pic”].src=planet[i]；
i++；
}
否则{
i=0；
document.images[“planet_pic”].src=planet[i]；
}
timeout=setTimeout（'startSlideShow（）'，1500）；
}
函数stopSlideShow（）{
clearTimeout（超时）；
}




是的，应该是
planet[0] = new Image();
planet[0].src = "images/Venus.jpg";

试试这个：
var list = ["Venus.jpg", "Neptune.jpg", "Earth.jpg", "Mars.jpg", "Jupiter.jpg"];
var img;
planet = []; // **WHY a global?** global variable

for (var i = 0; i < list.length; i++) {
  img = new Image();
  img.src = "images/" + list[i];
  planet[i] = img;
  // or planet.push(img);
}

var list=[“Venus.jpg”、“Neptune.jpg”、“Earth.jpg”、“Mars.jpg”、“Jupiter.jpg”]；
var-img；
行星=[]；//**为什么是全局变量？**全局变量
对于（变量i=0；i

var list = ["Venus.jpg", "Neptune.jpg", "Earth.jpg", "Mars.jpg", "Jupiter.jpg"];
var img;
planet = []; // **WHY a global?** global variable

for (var i = 0; i < list.length; i++) {
  img = new Image();
  img.src = "images/" + list[i];
  planet[i] = img;
  // or planet.push(img);
}