Начать следует с получения из json'а массива:
const { items } = JSON.parse(json).response;
Дальше два пути.
Первый - собираем html:
const html = `
<tbody>${items.map(n => `
<tr>
<td>${n.title}</td>
<td>${n.director}</td>
<td>${n.year}</td>
<td>${Object.values(n.photo).map(m => `<img src="${m}">`).join('')}</td>
</tr>`).join('')}
</tbody>
`;
Который затем добавляем в таблицу:
$('#example').append(html);
// или
document.querySelector('#example').insertAdjacentHTML('beforeend', html);
Второй - создаём элементы напрямую:
items.forEach(function(n) {
const tr = this.insertRow();
tr.insertCell().textContent = n.title;
tr.insertCell().textContent = n.director;
tr.insertCell().textContent = n.year;
tr.insertCell().append(...Object.values(n.photo).reduce((acc, m) => (
(acc[acc.length] = new Image).src = m,
acc
), []));
}, document.getElementById('example').createTBody());
