При старте не появляется картинка в slick слайдере, где может быть ошибка?

Question

[Albert]

При старте не появляется картинка в slick слайдере, где может быть ошибка?

ссылка на сайт
http://xn-----7kcabb2a6alna4ayboam8d8a4htc.xn--p1ai/

Answer 1

[iBird Rose]

на эвент переключения таба вызывай:
$('.your-slider').slick('setPosition');

Comments

[Albert]

$('.phojk').on('click', function(){

//$('.multiple-items').slick('resize');

$('.multiple-items').slick('setPosition');
$('.phopla').removeClass('pord');
$('.phojk').removeClass('pord');
$(this).addClass('pord');
$('.multiple-itemss').hide();

$('.multiple-items').show();

});

$('.phopla').on('click', function(){
//$('.multiple-itemss').slick('resize');

$('.multiple-itemss').slick('setPosition');
$('.phojk').removeClass('pord');
$('.phopla').removeClass('pord');
$(this).addClass('pord');


$('.multiple-items').hide();

$('.multiple-itemss').show();





});
попробовал и так и сяк бесполезно.

[iBird Rose]

Albert, тебе нужно это вызвать ПОСЛЕ того как блок показался. ПОСЛЕ того как ты сделал .show();

[Albert]

iBird Rose, а почему именно после показа надо? Спасибо!

[Albert]

iBird Rose, .slick('setPosition'); - это события занова инициализирует получается?

[iBird Rose]

Albert, когда слайдер находится в display: none; блоке - он не может до конца инициализироваться. потому что не знает размеров блока. а для slick они нужны. .slick('setPosition') как раз и обновляет позиции и размеры слайдера. поэтому и нужно его вызывать после того ка блок стал видимым.

[Albert]

iBird Rose, спасибо!