Javascript 如何根据每个item.id的NUM_PHOTOS来增加作为.jpg前缀的数字?
多亏了这个网站,我现在有了从服务器返回的json数据,很好地弹出了我的页面 返回的字段之一是Javascript 如何根据每个item.id的NUM_PHOTOS来增加作为.jpg前缀的数字?,javascript,jquery,loops,Javascript,Jquery,Loops,多亏了这个网站,我现在有了从服务器返回的json数据,很好地弹出了我的页面 返回的字段之一是NUM\u PHOTOS。每个项目id至少有一张照片 但是实际的照片不在json数据中,它们在一个diff目录中,并且都以'item.id'+/1.jpg开始,直到并取决于该特定项目存在的NUM_photos e、 g.对于项目“20090”,在单独的目录中有5张照片,如:/20090/1.jpg、20090/2.jpg等。。 如何根据每个item.id的NUM_照片来增加.jpg前缀的数字? 我已经使用
NUM\u PHOTOS
。每个项目id至少有一张照片
但是实际的照片不在json数据中,它们在一个diff目录中,并且都以'item.id'+/1.jpg
开始,直到并取决于该特定项目存在的NUM_photos
e、 g.对于项目“20090”,在单独的目录中有5张照片,如:/20090/1.jpg、20090/2.jpg等。
。
如何根据每个item.id的NUM_照片来增加.jpg
前缀的数字?
我已经使用下面的代码为每个'item.id'动态地填充了flexsider的前3个图像,但是当然照片的数量会有所不同,并且我一直在为每个item.id.
添加NUM_photos
中的前缀所需的内容。
$('.flexslider .slides').append('<li><img src="http://url/data/listing/pics/' + item.id + '/1.jpg"></li>');
$('.slides').append('<li><img src="http://www.url.co.nz/data/listing/pics/' + item.id + '/2.jpg"></li>');
$('.slides').append('<li><img src="http://www.url.co.nz/data/listing/pics/' + item.id + '/3.jpg"></li>');
}
$('.flexslider.slides')。追加('');
$('.slides')。追加('');
$('.slides')。追加('');
}
我试过几种技巧,但作为一个完全的初学者,我需要一点技巧
JS is:
$('#detailsPage').live('pagebeforeshow', function(event) {
var id = getUrlVars()["id"];
$.getJSON('http://www.url.co.nz/feeds/json_detail.php?id='+id, displayItem);
});
function displayItem(data) {
var listing = data.item;
$('#id').text(listing.id + ', ' + listing.suburb + ', ' +listing.district);
$('#Title').text(listing.title);
$('#numberPhotos').text(listing.num_photos);
$('#price').text('Price Approx: ' + '$' + listing.price );
// how do i auto increment the .jpg according the 'num_photos' field returned from json?
// ????? if (listing.num_photos???????) {
$('.flexslider .slides').append('<li><img src="http://www.url.co.nz/data/listing/pics/' + listing.id + '/1.jpg"></li>');
$('.slides').append('<li><img src="http://www.url.co.nz/data/listing/pics/' + listing.id + '/2.jpg"></li>');
$('.slides').append('<li><img src="http://www.url.co.nz/data/listing/pics/' + listing.id + '/3.jpg"></li>');
}
function getUrlVars() {
var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for(var i = 0; i < hashes.length; i++)
{
hash = hashes[i].split('=');
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
return vars;
}
JS是:
$('#detailsPage').live('pagebeforeshow',函数(事件){
var id=getUrlVars()[“id”];
$.getJSON('http://www.url.co.nz/feeds/json_detail.php?id='+id,显示项);
});
功能显示项(数据){
var list=data.item;
$(“#id').text(listing.id+”、“+listing.郊区+”、“+listing.district.district”);
$('#Title').text(listing.Title);
$('#numberPhotos').text(listing.num_照片);
$('#price').text('价格大约:'+'$'+listing.price);
//如何根据json返回的“num_photos”字段自动递增.jpg?
//如果(列表.num\u照片){
$('.flexslider.slides')。追加('');
$('.slides')。追加('');
$('.slides')。追加('');
}
函数getUrlVars(){
var vars=[],散列;
var hashes=window.location.href.slice(window.location.href.indexOf('?')+1).split('&');
for(var i=0;i
您必须计算JSON数据中的id数量
就在这条线之前
var listing = data.item;
计数后,将下面的代码放入循环中,即是
for(i=0;i<counted_value;i++){
var listing = data.item;
$('.slides').append('<li><img src="http://www.url.co.nz/data/listing/pics/'+ listing.id +'/2.jpg"></li>');
}
for(i=0;i)显示Json和到目前为止您拥有的脚本。既然您有NUM_照片,为什么不循环呢?for(var i=0;i');你是一个明星。非常感谢我让append工作,只是flexslider速度慢,刷新前不会显示。谢谢。