Для цикла внутри объекта Javascript

Question

Я использую lightGallery и я использую динамическое создание галерей, это код, чтобы генерировать только одно изображение:

$(this).lightGallery({ 
    dynamic:true, 
    dynamicEl: [{ 
     'src':'css/images/pictures/gal_'+id+'/1.jpg', 
     'thumb':'css/images/thumbnails/gal_'+id+'/1.jpg' 
    }] 
}); 

Эта переменная идентификатор всегда одинакова, но я хотите перебрать число, которое я беру, например, из переменной x. Таким образом, если x=4 сгенерированный код будет выглядеть следующим образом:

$(this).lightGallery({ 
    dynamic:true, 
    dynamicEl: [{ 
     'src':'css/images/pictures/gal_'+id+'/1.jpg', //here's 1 
     'thumb':'css/images/thumbnails/gal_'+id+'/1.jpg' 
    },{ 
     'src':'css/images/pictures/gal_'+id+'/2.jpg', //here's 2 and so on 
     'thumb':'css/images/thumbnails/gal_'+id+'/2.jpg' 
    },{ 
     'src':'css/images/pictures/gal_'+id+'/3.jpg', 
     'thumb':'css/images/thumbnails/gal_'+id+'/3.jpg' 
    },{ 
     'src':'css/images/pictures/gal_'+id+'/4.jpg', 
     'thumb':'css/images/thumbnails/gal_'+id+'/4.jpg' 
    }] 
}); 

Так что я думаю, вопрос заключается в том, чтобы включать в себя цикл внутри объекта, если это вообще возможно, заранее спасибо!

Answer 1

Нет. В определении объекта невозможно иметь структуры управления (например, петли). Вам нужно создать массив изображений первых, как это:

var dynamicEl = []; 
for (var i = 1; i <= 4; i++) { 
    dynamicEl.push({ 
    'src':'css/images/pictures/gal_' + id + '/'+ i + '.jpg', 
    'thumb':'css/images/thumbnails/gal_' + id + '/' + i + '.jpg' 
    }); 
} 

А затем передать его на определение объекта:

$(this).lightGallery({ 
    dynamic:true, 
    dynamicEl: dynamicEl 
}); 

Answer 2

Попробуйте

var genEls = function(id, count) 
{ 
    var els = []; 
    for(i = 1; i <= count; i++) 
    { 
     els.push({ 
      'src':'css/images/pictures/gal_'+ id + '/' + i + '.jpg', 
      'thumb':'css/images/thumbnails/gal_' + id + '/' + i + '.jpg', 
     }); 
    } 
return els; 
} 

var id = 3; 
var count = 4; 
$(this).lightGallery({ 
    dynamic:true, 
    dynamicEl: genEls(id,count); 
}); 

Это, как инлайн как он может получить;)

Надеюсь, что это поможет ...

Answer 3

первым создать метод, чтобы динамически генерировать большие пальцы

function genThumbs(count, id) 
{ 
    var arr = []; 
    for (var counter = 1; counter <= count; counter++) 
    { 
     arr.push({ 
     'src':'css/images/pictures/gal_'+id+'/' + counter + '.jpg', 
     'thumb':'css/images/thumbnails/gal_'+id+'/' + counter + '.jpg' 
     }); 
    } 
    return arr; 
} 

затем использовать то же самое время вызова галереи

$(this).lightGallery({ 
    dynamic:true, 
    dynamicEl: genThumbs(5, id) 
});