JSON

Могу помочь

item.src
item.title
item.link

Если захотите отблагодарить карту могу скинуть в личку)

Anton Kuksa 17 May 2021

увы но не работает)))

если посмотрите на сам json  файл, то там чтобы добраться к например к src  - нужно как то пройти styles. вот собственно я и не знаю как этот путь указать в 

src=${src}

var request = new XMLHttpRequest();
        request.open('GET', 'https://content.freelancehunt.com/projectsnippet/576d6/109a6/338754/styles.json');
        request.setRequestHeader('Content-type', 'application/json; charset=utf-8');
        request.send();


        request.addEventListener('readystatechange', function () {

            if (request.readyState === 4 && request.status == 200) {  
            response =  $.parseJSON(request.response);          
                $.each(response.styles, function(i, item) {
                    console.log(item.src);
                    console.log(item.title);
                    console.log(item.link);
                });
            }
        });

Только подогнать под Вашу задачу

а зачем в jason файле вы написали 

  "styles": [ квадратные скобки, вы хотели сделать массив ?

        

   var styles=[  {

            "src": "assets/img/styles-5.jpg",

            "title": "Пастелью",

            "link": "#pastel"

        },

        {

            "src": "assets/img/styles-6.jpg",

            "title": "Поп-арт",

            "link": "#popart"

        },

     {

            "src": "assets/img/styles-7.png",

            "title": "Фотомозаика",

            "link": "#mozaika"

        },

       {

            "src": "assets/img/styles-8.jpg",

            "title": "Шарж",

            "link": "#sharj"

        }

      ];

  for(var key in styles){

    /*выводим каждый src*/

      console.log(styles[key]['src'])

}

Есть еще вариант , попробовала ваш массив обектов