Почему могут не подгружаться картинки?

Question

[DmitryLife]

Добрый день. Есть следующий сайт:
https://amsterdam-nn.ru/

Задача сделать второй блок (Мастера). Сделать необходимо фильтрацию. Для этого добавил блок .master-nav. При нажатие на одну из категорий выполняется следующий код:

function showAllGirl() {
	$('#main-all-girls').css("display", "flex").hide().fadeIn();
	$('#main-new-girls').fadeOut();
	$('#main-hit-girls').fadeOut();
}


function showNewGirl() {
	$('#main-all-girls').fadeOut();
	$('#main-new-girls').css("display", "flex").hide().fadeIn();
	$('#main-hit-girls').fadeOut();		
}


function showHitGirl() {
	$('#main-all-girls').fadeOut();
	$('#main-new-girls').fadeOut();
	$('#main-hit-girls').css("display", "flex").hide().fadeIn();		
}

Т.е. при клике открывается нужный блок, остальные скрываются. НО столкнулся с проблемой, что при переключение исчезают картинки. мастеров в других блоках. При чем на этапе загрузки страницы, при перещелкивание мастеров, все изображения видны. А после загрузки остаются изображение только активного на данный момент блока.

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

Спасибо за внимание.

Answer 1

[Евгений]

при переключении табов переинициализируйте слайдеры в карточках

Comments

[DmitryLife]

А как именно это сделать?

[DmitryLife]

Имеется введу пересоздавать их заново?

[Евгений]

$('#slick-slider').slick('refresh');