我有一个问题,这让我的头脑无法想到如何去做。我有以下饲料。
[{
"title": "thumb_36cr8350.jpg",
"url": "http://example.com/s3images/thumb_36cr8350.jpg",
}, {
"title": "large_36cr8352.jpg",
"url": "http://example.com/s3images/large_36cr8350.jpg",
}, {
"title": "thumb_36cr8358.jpg",
"url": "http://example.com/s3images/thumb_36cr8358.jpg",
}, {
"title": "large_36cr8360_a.jpg",
"url": "http://example.com/s3images/large_36cr8358.jpg",
}]
我正在循环
var thumb = "<ul id='thumbs'>";
$.each(response, function (i, item) {
var params = baseName(item.title).split("_");
if (params[0] === 'thumb') {
thumb += '<li><a class="group1" href="{this need to be the large thumb}"><img src="' + item.url + '" width="75" height="75"/></a></li>';
}
});
thumb += "</ul>";
$('.conatiner').html('<div id="wrap">' + thumb + '</div>');
function baseName(str) {
var base = new String(str).substring(str.lastIndexOf('/') + 1);
if (base.lastIndexOf(".") != -1)
base = base.substring(0, base.lastIndexOf("."));
return base;
}
我需要以某种方式将大图片推入Lightbox效果列表的href。
不能为我的生活思考如何做到这一点。
请帮助
答案 0 :(得分:1)
告诉我这是否是你要找的东西:
var thumb = "<ul id='thumbs'>";
$.each(response, function (i, item) {
var params = baseName(item.title).split("_");
if (params[0] === 'thumb') {
thumb += '<li><a class="group1" href="#{url}"><img src="' + item.url + '" width="75" height="75"/></a></li>';
} else {
thumb = thumb.replace("#{url}", item.url);
}
});
thumb += "</ul>";
$('.conatiner').html('<div id="wrap">' + thumb + '</div>');
function baseName(str) {
var base = new String(str).substring(str.lastIndexOf('/') + 1);
if (base.lastIndexOf(".") != -1)
base = base.substring(0, base.lastIndexOf("."));
return base;
}