Блог

У меня есть веб-сайт, над которым я сейчас работаю, и, просматривая его на своем Ipad (IOS 9.3.5), я заметил, что изображения не отображаются. Вместо этого я получаю значок недоступного изображения. После того, как я попробовал это во всех браузерах, которые есть на моем компьютере (Brave, Chrome, Edge и Internet Explorer), я обнаружил, что та же проблема возникла в Internet Explorer. Я попытался проверить element и немного подправить, но не смог найти проблему. Консоль была пуста. На вкладке сеть, хотя код состояния для изображений был 206 (частичное содержимое). Часть, которая меня сейчас смущает, заключается в том, что есть другие страницы с изображениями, вставленными таким же образом (манипуляция с DOM), но они все еще отображаются? Вот две страницы: Не работают:https://themuslimgarden.github.io/Videos Работает: https://themuslimgarden.github.io/Islamic History

Спасибо. Вот скрипт, который управляет DOM:

 var d = document;
var Content = d.getElementById("content");
var previewBox = function(ImgURL, Title, Description, URL) {
    return "<a target='_blank' href='"   URL   "'><div class='previewBox'>    <img src='"   ImgURL   "' class='image'>    <h4 class='title-previewBox'>"   Title   "</h4><p class='description-previewBox'> "   Description   "</p></div></a>";
};
function drawBoxes(array) {
    for (var i = 0; i < array.length; i  ) {
        Content.innerHTML  = previewBox(array[i].imgSrc, array[i].name, array[i].description, array[i].URL);
    }
}
drawBoxes(array);
  

Вот снимок экрана

Веб-сайт в Internet Explorer