Javascript image array issue

Question

this is my problem: im trying to create an image selector, i mean a collection of images shown on the screen among which i can choose one and store it in a var. This is the code for the array:

<script typre="text/javascript">
    var img = new Array();
    img[0] = new Image();
    img[0].src = "../images/poggiatesta2.jpg";
    img[1] = new Image();
    img[1].src = "../images/poggiatesta1.JPG";

    for (var i = 0; i < img.length; i++) {
        document.write(img[i]);
    };

</script>

When i run it, it displays [object HTMLImageElement] instead of the image! What should i do?? Thanks all!

Did you look up the documentation for HTMLImageElement that states that you should use document.body.appendChild instead? — h2ooooooo
– h2ooooooo, Commented Feb 22, 2016 at 9:42

gurvinder372 · Accepted Answer · 2016-02-22 09:48:31Z

2

Because img[i] is an object and document.write will write it as string representation of it by calling img[i].toString().

If you want to display an image then use

for (var i = 0; i < img.length; i++) {
        document.body.appendChild(img[i]);
};

edited Feb 22, 2016 at 9:48

answered Feb 22, 2016 at 9:43

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sam · Accepted Answer · 2016-02-22 09:42:55Z

1

var img = new Image(); 
img.src = "../images/poggiatesta2.jpg"; 
document.write(img.outerHTML);

Use the outerHTML property in order to display it

answered Feb 22, 2016 at 9:42

Sam

2,9701 gold badge20 silver badges26 bronze badges

Comments

Dhara · Accepted Answer · 2016-02-22 09:53:45Z

0

It is obvious because for loop will print img[0],img[1] not src of image You can write img[i].src

 var img = new Array();
        img[0] = new Image();
        img[0].src = "../images/poggiatesta2.jpg";
        img[1] = new Image();
        img[1].src = "../images/poggiatesta1.JPG";
    
        for (var i = 0; i < img.length; i++) {
            alert(img[i].src);
        };

answered Feb 22, 2016 at 9:53

Dhara

1,9722 gold badges19 silver badges41 bronze badges

Collectives™ on Stack Overflow

Javascript image array issue

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related