0

подскажите пожалуйста, делаю слайдер, всего на сайте будет 4 разных слайдера на slick slider, как правильно их инициализровать ? И тут с 4 слайдером возникла проблема, он состоит из 2 блоков и показывает 1 слайд. В блоке картинки, при загрузке сайлдера, блок имеет ширину 0 и ломается и при прокрутке слайдов появлется ширина и все ок. Как пофиксить эту проблему ?

$(window).on('load', function(){
         $('.slider-countries').slick({
           slidesToShow: 1,
           slidesToScroll: 1,
           dots: true,
           arrows: false,
           infinite: true,
         });
     });

введите сюда описание изображения

1 ответ 1

0

$(window).on('load', function(){
         $('.slider-countries').slick({
           slidesToShow: 1,
           width: 330,
           slidesToScroll: 1,
           dots: true,
           arrows: false,
           infinite: true,
         });
     });

2
  • К сожелнию не работает. Работает вариант только variableWidth: true и ширину для слайдеров. Но получется полная ерунда. Я не понимаю почему ширину не вытсавляет, а как только листаешь слайдр сразу ширина появляется ?
    – Gucci
    Commented 10 мая 2022 в 14:31
  • @Алексей В вопрос выложите полностью код слайдера (html, CSS, JS)
    – Arcadiy
    Commented 10 мая 2022 в 14:51

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.