Duda: imagenes src=undefined

[fausso]

Estoy trabajando con marcadores en google map y me sucede lo siguiente

tengo esta variable donde llamo a las imagenes que subo a la base de datos y en la cual utilice una consulta para poder poner dos imagenes dentro de una sola fila (GROUP_CONCAT)

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

Y aca muestro esas imagenes.

var html = '<div id="iw-container">' +
'<a href="'+imagen[0]+'" data-lightbox="roadtrip"><img src="'+imagen[0]+'"width=100" height="100"></a>'+
'<a href="'+imagen[1]+'" data-lightbox="roadtrip"><img src="'+imagen[1]+'"width=100" height="100"> </a>'+
'<a href="'+imagen[2]+'" data-lightbox="roadtrip"><img src="'+imagen[2]+'"width=100" height="100"> </a>'+
'</div>';

El problema es que si un marcador tiene menos de 3 imagenes , por ejemplo 2 , una de las imagenes aparece rota. obviamente porq no esta definida. (<img src="undefined" width="100;" height="100">)

Quisiera saber si hay alguna funcion o algo que verifique que si alguna imagen tiene como "SRC" undefined , la remueva o la oculte o haga algo para que no aparezca.

Cualquier ayuda me va a venir bien , gracias.

[zerokilled]

buenas...
que tal si generas el codigo en funcion del numero de imagenes? funcion como tal no existe, pero el algoritmo si. simplemente tienes que ponerle creatividad con las estructuras disponible en el lenguaje.

[fausso]

Iniciado por zerokilled

buenas...
que tal si generas el codigo en funcion del numero de imagenes? funcion como tal no existe, pero el algoritmo si. simplemente tienes que ponerle creatividad con las estructuras disponible en el lenguaje.

Gracias por responder!, cuando tengas tiempo me darias un ejemplo de como lo harias?