[Object Htmlimageelement] - Why Am I Getting This?

[next]

I place several images into an array, then call the elements to change the picture, but instead changing source to a URL, my array stores: [object HTMLImageElement]?

Why???

if (this.id == 'next') {
if (images.length > i+1) {
i++;
} else {
if (i != 0)
i--;
}
document.getElementById('gallery').src = images[i];

that's the code.

 

Also, why my conditionals aren't working as supposed to? For instance I thought that:

if (images.length > i)

would stop the image swap, but it doesn't, unless I change it to the awkward version above, In my current example array had 2 elements and "i" is set to 0. I click the link once "i" becomes 1, then I click it again, but the conditional doesn't stop it even though "i" becomes a 2 (and if I understand correctly 2 isn't greater than 2).

[next]

nvm I figured it out.

I guess images is a built in array and I can't be using that name, and my If statement had a faulty logic.

[requinix]

It's not. images is an array of objects that your code set up somewhere. Try images.src instead.

[next]

Yeah I tried that as well, wasn't really getting anywhere, but as soon as I changed the array name to "pics" it worked without an issue. Weird.