Javascript 如何根据每个item.id的NUM_PHOTOS来增加作为.jpg前缀的数字?

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前缀的数字? 我已经使用

多亏了这个网站,我现在有了从服务器返回的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
前缀的数字?

我已经使用下面的代码为每个'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速度慢,刷新前不会显示。谢谢。