How to display an image from XML in jQuery mobile?

Question

I feel like this has a very simple solution, but I am trying to get this to work for probably too long now.

I've made a function to render an image, atleast that's what it's supposed to do, but it doesn't.

function renderAD(entries) {
    var o = '';
    $.each(entries, function(i, v) {
        o +="<img src=" +v.image +"/>";
    });
    $("#adplace").html(o);    
}

I checked that v.image refers to http://allroundcars.nl/logo-ijsselmondenieuws.png , which is the image I want to load. But all I see is a '?' image '?' image (image not found).

What am I doing wrong? Any help is appreciated,

Thanks

Answer 1

Try replacing your each with:

$(entries).each(function(i, v) {
    o +='<img src="' + v.image + '"/>';
});

Update: to add an <a> around it:

o +='<a href="' + v.link + '"><img src="' + v.image + '"/></a>';

Answer 2

Here's a working version:

function renderAD(entries) {
    var o = '';
    $(entries).each(function(i, v) {
        o +="<img src=\"" + v.image +"\"/>";
    });
    $("#adplace").html(o);    
}