Home/ Questions/Q 8553759
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T14:43:36+00:00

The problem about new Image() The following code is from ‘JavaScript by Example Second

  • 0

The problem about new Image()

The following code is from ‘JavaScript by Example Second Edition’, I think 

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

is wrong, It should be 

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

and replace 

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

with 

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

Is it right?

<!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>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Yes, it should be,

    planet[0] = new Image();
planet[0].src = "images/Venus.jpg";
    • 0