从javascript json在模型灯箱中显示图像

Question

我有一个我正在玩的脚本，它从subreddit中提取图像。我想在点击后在模型灯箱中显示图像。 使用'id'图像调用图像，如下所示：

    <a href="" id="images">

有没有办法在标签中显示模型中的图像？还是我走错了路？

这是我发现并且一直在玩的脚本，以进一步开展我的随意学习，我的javascript技能仍然是基本的，所以如果我错过了正确的术语而道歉，我将很高兴能够向正确的方向展示。< / p>

$.getJSON('http://www.reddit.com/r/cats/.json?jsonp=?&show=all&limit=300', function (data) {
$.each(data.data.children, function (i, item) {
    IsValidImageUrl(item.data.url, function (url, isvalid) {
        if (isvalid) {
            $('<img/>').attr('src', item.data.url)
                .width(500)
                .appendTo('#images');
        }
    });
});

}）;

function IsValidImageUrl(url, callback) {
var img = new Image();
img.onerror = function () {
    callback(url, false);
};
img.onload = function () {
    callback(url, true);
};
img.src = url;

}