Не корректно работае Slick Slider. Что делать?

Question

shingly @shingly

Не корректно работае Slick Slider. Что делать?

Сверстал макет с слайдером, все нормально работает, слайды переключаются автоматически каждые 3с, слайды зациклены.
Перенес шаблон в WordPress где и появились проблемы.
После перехода с последнего слайда на новый круг часть изображения становится белой.

Вопрос задан более трёх лет назад
414 просмотров

4 комментария

Подписаться 1 Оценить 4 комментария

Igor Koch @amux

Во первых оставить код страницы

Написано более трёх лет назад

shingly @shingly Автор вопроса

Igor Koch:

<!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width">
        <title>Начальная страница</title>
        <link rel="shortcut icon" href="/img/marker2.png" type="image/png">
        
        <link href="css/slick.css" rel="stylesheet"/>
        <link href="css/slick-theme.css" rel="stylesheet"/>
        <link href="css/main.css" rel="stylesheet"/>
        <link href="css/media.css" rel="stylesheet"/>
        <link href="css/carousel.css" rel="stylesheet"/>
        <!--[if IE]>
            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    </head>
    <body>
       <div class="wrapper">
        <!-- Begin  desc -->
        <div class="single-slide">
            <div><img src="img/about_bg.jpg" alt="1"></div>
            <div><img src="img/horeca_bg.jpg" alt="2"></div>
            <div><img src="img/about_bg.jpg" alt="1"></div>
        </div>
        <center>
            <div class="inSection" style="position: absolute; top: calc(50% - 25px); max-width: 100%;">
                <div class="center">
                    <p class="p-1-1">сделано НАМИ  <br>
                        СОЗДАНО ВАМИ</p>
                    <div class="desc_line-1"></div>
                    <p class="p-2-1">"Lorem ipsum dolor sit amet, consectetur adipiscing<br> elit, sed do eiusmod tempor incididunt ut labore et dolore. </p>
                    <a href="" class="main_btn">Посмотреть все</a>
                </div>
            </div>
        <!-- End  desc -->
        <!-- Begin  footer -->
        
        </div>
    </body>
    
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/slick.min.js"></script>
    <script src="js/main.js"></script>
</html>

Написано более трёх лет назад

shingly @shingly Автор вопроса

shingly:

$('.single-slide').slick({
        infinite: true,
        autoplay: true,
        autoplaySpeed: 3000,
        arrows: false
    });

Написано более трёх лет назад

Froggyweb @Froggyweb

shingly: что за некромантский тег center да еще и не закрытый?

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

1 комментарий

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

WordPress

Простой
Как сделать pagination в WordPress для Custom Post Type?
- 1 подписчик
- час назад
- 13 просмотров
0

ответов
HTML

+1 ещё

Средний
Как в файле svg заставить работать события?
- 1 подписчик
- 3 часа назад
- 76 просмотров
1

ответ
WordPress

Простой
Как создать шаблон вывода записей с произвольным типом?
- 1 подписчик
- 5 часов назад
- 15 просмотров
1

ответ
CSS

Средний
Почему у элемента такое поведение?
- 3 подписчика
- 13 часов назад
- 1061 просмотр
0

ответов
CSS

Простой
Почему не работает transition свойство в scss файле через webpack?
- 1 подписчик
- 16 часов назад
- 56 просмотров
2

ответа
WordPress

+2 ещё

Средний
Как сделать автоматический выбор региона по IP в Wordpress?
- 1 подписчик
- 17 часов назад
- 42 просмотра
2

ответа
HTML

+1 ещё

Простой
Почему верхние и нижние внешние отступы пустого блока не схлопываются?
- 2 подписчика
- 19 часов назад
- 148 просмотров
4

ответа
CSS

Простой
Почему нет задержки между повторами анимации?
- 1 подписчик
- 20 часов назад
- 57 просмотров
1

ответ
HTML

+1 ещё

Простой
Почему пустой div смещается, если ему задать margin-bottom?
- 2 подписчика
- 21 час назад
- 144 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Почему при добавление переменно в style, она перестаёт обновляться?
- 1 подписчик
- 21 час назад
- 58 просмотров
1

ответ
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

JavaScript разработчик

Мэтч

от 80 000 ₽

В wordpress подключить модуль по рассрочке (документацию дам)

23 апр. 2024, в 13:51

4500 руб./за проект

Сохранение постов из телеграм каналов+отправка платящим пользователям

17 апр. 2024, в 16:55

200000 руб./за проект

Разработать решение для автоматизации работы с Chat GPT

23 апр. 2024, в 13:29

3000 руб./за проект

Igor Koch:
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width"> <title>Начальная страница</title> <link rel="shortcut icon" href="/img/marker2.png" type="image/png"> <link href="css/slick.css" rel="stylesheet"/> <link href="css/slick-theme.css" rel="stylesheet"/> <link href="css/main.css" rel="stylesheet"/> <link href="css/media.css" rel="stylesheet"/> <link href="css/carousel.css" rel="stylesheet"/>  </head> <body> <div class="wrapper">  <div class="single-slide"> <div><img src="img/about_bg.jpg" alt="1"></div> <div><img src="img/horeca_bg.jpg" alt="2"></div> <div><img src="img/about_bg.jpg" alt="1"></div> </div> <center> <div class="inSection" style="position: absolute; top: calc(50% - 25px); max-width: 100%;"> <div class="center"> <p class="p-1-1">сделано НАМИ <br> СОЗДАНО ВАМИ</p> <div class="desc_line-1"></div> <p class="p-2-1">"Lorem ipsum dolor sit amet, consectetur adipiscing<br> elit, sed do eiusmod tempor incididunt ut labore et dolore. </p> <a href="" class="main_btn">Посмотреть все</a> </div> </div>   </div> </body> <script src="js/jquery-1.11.3.min.js"></script> <script src="js/slick.min.js"></script> <script src="js/main.js"></script> </html>
shingly:
$('.single-slide').slick({ infinite: true, autoplay: true, autoplaySpeed: 3000, arrows: false });
shingly: что за некромантский тег center да еще и не закрытый?

Answer 1 · 2017-08-21 17:26:19

Егор Живагин @Krasnodar_etc

avito front

Я не уверен, что слик корректно работает без

slidesToShow: ... ,
slidesToScroll: ...

Ответ написан более трёх лет назад

1 комментарий

Не корректно работае Slick Slider. Что делать?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт