Получить заголовок из JSON ⇐ Jquery

[Anonymous]

Я застрял!..
У меня есть сценарий jQuery, в котором я заполняю галерею изображений из файла JSON, это что-то вроде лайтбокса.
Но я хочу иметь заголовок к моим изображениям, поэтому я создал второй файл JSON, в котором я просто сохраняю имя изображения и заголовок.
Я хочу в цикле проверить второй JSON, есть ли там имя изображения, и если оно есть , верните текст заголовка...
Это titles.json

Код: Выделить всё

[
{"Img" : "fun1_001.jpg", "title" : "Title of image 001"},
{"Img" : "fun1_002.jpg", "title" : "title of image 002"},
{"Img" : "fun1_003.jpg", "title" : "title of image 002"}
]

Я хочу пройтись по всем изображениям, заполнить галерею и в то же время, ЕСЛИ имя изображения присутствует в titles.json, поместить этот заголовок в цикл .
Это jQuery, который заполняет галерею. он вызывает функцию с именем GetTitle(имя изображения,папка)

Код: Выделить всё

   //Load the gallery if you click the dropdown.
$(document).on('click','#zmenu>div.item', function(){
$('#dc_preload_image').empty();
let zGallery=$(this).attr('data-value');
$.getJSON('JSON/Gallerys/'+zGallery+'.json', { get_param: 'value' }, (data)=>{
$.each(data, function(index, element) {
console.log('anrop')
$('.galpop-info').galpop();
$("#dc_preload_image").preloader();
$('#dc_preload_image').append('[*][url=BKND/Galleries/]
[img]BKND/Galleries/[/img]
[/url]');
});
});
});

Это функция, которая должна сопоставлять имя изображения из цикла и возвращать заголовок.

Код: Выделить всё

function GetTitle(a,z){
$.getJSON('BKND/Galleries/'+z+'/titles.json', (adata) => {
// Handle the JSON data here
let zTitle
$.grep(adata, function(value) {
if(value.Img = a){
zTitle = value.title;
}
else{zTitle = " ";}
});
console.log(zTitle)
return zTitle
});
}

Как бы я ни старался, у меня ничего не получается. Я почти решил проблему, когда поместил код внутри функции в цикл, но затем он прошел через него и вместо этого создал дубли изображений в галерее.

Подробнее здесь: https://stackoverflow.com/questions/786 ... -from-json