Tengo un div que se arma por Javascript y un JSON, este pone una imagen que la trae de un servidor, el problema es que si la imagen no esta, el div se queda en blanco.
--UPDATE--
No tengo la URL en la base de datos, es armada de forma estàtica junto con el ID del elemento. No tengo acceso a la ruta, solo quiero comprobar si existe le pongo la foto, si no existe le pongo una por default
for (var i = 0; i < data.features.length; i++)
{
var precio = parseFloat(data.features[i].properties.precio);
if (precio != '')
precio = '$' + precio.toFixed(0).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
else
precio = 'Sin precio';
h += '<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 propDetails"' +
'style="background-image: url(\'ruta/images/'+ data.features[i].properties.id +'/foto_principal.jpg\')">' +
'<img class="fav" src="../images/favorito.png">' +
'<div class="details">' +
'<p class="dom"><span>'+ precio +'</span><br>'+ data.features[i].properties.calle +'</p>' +
'</div>' +
'</div>';
}
Para poner esto por default intenté hacer esto en CSS
.propDetails
{
background-image: url(../images/default.png);
}
No esta haciendo lo que trato de hacer Que puedo implementar?