Слайдер не загружает изображения в модале начальной загрузки

Question

У меня есть слайдер в модале начальной загрузки, который не загружает изображения для показа, и мне нужно изменить размер окна, чтобы загрузить их.

$(window).resize() изменяет размер модальной области и решает мою проблему, но в ответной реакции это не так. Я попробовал почти все виды изменения размера.

Здесь я называю resize() метод:

$(".cbp-pagination-item").on('click',function() {
    $(window).resize();
}); 

Answer 1

Проблема возникла, когда я пытался разместить код ползунка

$('#js-grid-slider-thumbnail').cubeportfolio({some-properties: somthings});

между кодом ниже.

$(document).ready()

И когда я оставил код слайдера за пределами этого, одна проблема была решена, так как больше не было тега img с нулевым размером. Но все же изображение не было загружено, пока я не использовал функцию ниже.

setTimeOut(function(){})

Итак, мой окончательный код стал примерно таким:

setTimeout(function () {
            $('#js-grid-slider-thumbnail').cubeportfolio({
                layoutMode: 'slider',
                drag: true,
                auto: false,
                //And some another properties
            });
    }, 600);

И мне больше не нужно использовать приведенный ниже код для загрузки изображений.

$(window).resize();