$(function() {
  var press = false;
  var perfiles = [];
  var index = 0;
  var size = 0;

  $.getJSON("/data.json", function (data) {
    data.perfiles.forEach(function(perfil) {
      perfiles.push({
        "img": perfil.img,
        "page": 'HTML/' + perfil.page,
        "name": perfil.name
      });
    });
    size = perfiles.length;
  });

  $('.link').click(function() {
    var id = $(this).attr('id');
    var name = "HTML/" + id + ".html";
    if (id != 'perfiles') window.location = name;
  });

  $('#left').click(function() {
    press = true;
    index--;
    index = (index < 0)? size - 1 : index;
    $('.Perfiles').css('background-image', `url(${perfiles[index].img})`);
  });

  $('#right').click(function() {
    press = true;
    index = (index + 1) % size;
    $('.Perfiles').css('background-image', `url(${perfiles[index].img})`);
  });
});

$(function() {
  var press = false;
  var perfiles = [];
  var index = 0;
  var size = 0;

  $.getJSON("data.json", function (data) {
    data.perfiles.forEach(function(perfil) {
      perfiles.push({
        "img": perfil.img,
        "page": 'HTML/' + perfil.page,
        "name": perfil.name
      });
    });
    size = perfiles.length;
  });

  $('.link').click(function() {
    var id = $(this).attr('id');
    var name = "HTML/" + id + ".html";
    if (id != 'perfiles') window.location = name;
  });

  $('#left').click(function() {
    press = true;
    index--;
    index = (index < 0)? size - 1 : index;
    $('.Perfiles').css('background-image', `url(${perfiles[index].img})`);
  });

  $('#right').click(function() {
    press = true;
    index = (index + 1) % size;
    $('.Perfiles').css('background-image', `url(${perfiles[index].img})`);
  });
});

Update index.js