[tp-20]

В продолжение темы..

В чём может быть причина?
Не срабатывает код on error. Вернее работает как-то через раз, но чаще не работает. На телефоне работает только один раз - после чистки кэша. Со второй перезагрузки страницы опять не работает.

По логике должно работать так: если картинка не подгрузилась (неверный путь или нет картинки на сервере), то нужно спрятать родителя - контейнер с отсутствующей картинкой.

Скрипт:

$(document).ready(function() {    
    $(function(){    
        $('.slick-slide img').on("error", function(){    // картинка не подгрузилась
            $(this).closest('.slick-slide').remove();    // значит полностью удаляем родителя
        });
    });
});

И блок с картинками тоже в скрипте, т.к. там счётчик

for(var i = 1; i < 7; i++){
        document.write('<div class="slick-slide"><img src="/image/catalog/-rich/<?php echo $model; ?>/<?php echo $model; ?>-' + i + '.jpg" /></div>');
    }

В итоге выглядит это так: (скриншот)