need help rendering image from differet api

[Firdaus E Djalari]

var Manager = new AjaxSolr.Manager({
    solrUrl: 'https://api:8984/solr/venue/'
});

Manager.addWidget(new AjaxSolr.ResultWidget({
    id: 'result',
    target: '#docs'
}));

var fields = ['nama'];
for (var i = 0, l = fields.length; i < l; i++) {
    Manager.addWidget(new AjaxSolr.TagcloudWidget({
        id: fields,
        target: '#' + fields,
        field: fields
    }));
}

Manager.addWidget(new AjaxSolr.AutocompleteWidget({
    id: 'text',
    target: '#search',
    fields: ['nama']
}));

Manager.init();
Manager.store.addByValue('q', '*:*');
var params = {
    facet: true,
    'facet.field': ['nama', 'location', 'description'],
    'facet.limit': 20,
    'facet.mincount': 1,
    'f.nama.facet.limit': 50,
    'f.location.facet.limit': 50,
    'f.description.facet.limit': 50
};

for (var name in params) {
    Manager.store.addByValue(name, params[name]);
}

Manager.doRequest();

$.fn.showIf = function (condition) {
    if (condition) {
        return this.show();
    }
    else {
        return this.hide();
    }
};

so, this is my main api for image : https://api.id:8443/gtrip-api/
from Solr i get an image id (example id=9)
i think for rendering image get my main api and rendering at ResultWidget, but not working.
i was follow tutorial, so anyone can help me please.