隐藏或删除图像src = undefined

Question

I'm working with markers on google map and this is what happens

I call this variable to the images and upload to the database and use a query to put two images into a single file (GROUP_CONCAT)

var image = markers[i].getAttribute("image");
image = image.split(",");

And here I show these pictures.

var html = div id = "iw-container" +

'a Href="'+image[0]+'" data-lightbox="roadtrip" <img src = "' + image [0] +" "width = 100" height = "100" / a  '+

'a Href="'+image[1]+'" data-lightbox="roadtrip" <img src = "' + image [1] + '" width = 100 "height =" 100 " / a  '+

'a Href="'+image[2]+'" data-lightbox="roadtrip" <img src = "' + image [2] + '" width = 100 "height =" 100 " / a  '+

'/ Div';

The problem is if a marker is less than 3 images, for example a marker has 2 images, one of the images appear broken. obviously because not defined. ()

I wonder if there is any function or something to check if an image has the "SRC" undefined, remove it or hide it or do something to not appear.

Any help is good, thanks :)

Answer 1

Code like this should get you past this issue:

var html = '';
for(var i=0;i < image.length; i++) {
  html += image[i];
}