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

Question

shingly @shingly

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

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

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

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 комментарий

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

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

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

JavaScript

Простой
Fetch дает ошибку?
- 1 подписчик
- 35 минут назад
- 20 просмотров
0

ответов
JavaScript

+1 ещё

Средний
При переходе на сайт из Telegram в мобильной версии, происходит подмена ссылки, как исправить?
- 1 подписчик
- 58 минут назад
- 20 просмотров
0

ответов
PHP

+1 ещё

Простой
Как исправить "Undefined array key «login»,"password" в $_POST?
- 1 подписчик
- 3 часа назад
- 58 просмотров
1

ответ
HTML

+2 ещё

Средний
Почему у меня не отображаются кнопки?
- 1 подписчик
- 6 часов назад
- 70 просмотров
2

ответа
HTML

+1 ещё

Простой
Правильно ли с точки зрения семантики БЭМ я расставляю wrapper'ы и вообще называю дивы?
- 1 подписчик
- 11 часов назад
- 69 просмотров
0

ответов
JavaScript

Простой
Обьясните про функцию массив?
- 3 подписчика
- 15 часов назад
- 223 просмотра
1

ответ
HTML

+1 ещё

Простой
Как установить одну и ту же ширину элементов в разных блоках?
- 1 подписчик
- 21 час назад
- 69 просмотров
1

ответ
HTML

+1 ещё

Простой
Как расположить контент сайта на всю высоту?
- 1 подписчик
- 21 час назад
- 49 просмотров
1

ответ
HTML

+1 ещё

Простой
Паддинг и Маргин ломает длину и ширину, не получается выставить отступы внутри блока?
- 1 подписчик
- вчера
- 56 просмотров
1

ответ
WordPress

+1 ещё

Простой
Как из Wordpress обратиться к внешнему PostgreSQL-серверу?
- 1 подписчик
- вчера
- 50 просмотров
2

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

После обновления перестал работать старый сайт на Wordpress

23 нояб. 2024, в 19:29

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

Требуется реализовать backend-часть проекта

23 нояб. 2024, в 19:14

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

Развернуть OpenSource софт на сервере

23 нояб. 2024, в 17:32

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

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

fundraiseup

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

slidesToShow: ... ,
slidesToScroll: ...

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

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

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

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

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

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