С Новым годом! Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.56/34: Рейтинг темы: голосов - 34, средняя оценка - 4.56
11 / 11 / 2
Регистрация: 29.05.2011
Сообщений: 533

Прокрутка слайдов в slick slider

19.06.2019, 06:11. Показов 7159. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброго времени суток!
На сайте используется slick slider.
slick slider выполнен вертикально в две колонки.
В левом столбце указаны названия слайдов (может быть любое количество).
Правый столбец отображает сам слайд в виде изображения.
Проблема: при автоматической прокрутке в левом столбце количество слайдов уменьшается.
Пример:
1) Изначально слайдер выглядит следующим образом (скрин «Initial slider»).
В левом столбце 4 названия слайдов, а в правом столбце отображается изображение.
2) После автоматической прокрутки в левом столбце отображаются 3 заголовка слайдов. (скрин «Slider after scrolling»). Должно быть 4 слайда.
В этом случае получается, что слайд слева прокручивается.
Подскажите, пожалуйста, как сделать так, чтобы названия слайдов не исчезали?
Код слайдера:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<script>
    $('.slider').slick({
        arrows: false,//стрелки влево вправо
        infinite: true,
        autoplay: true,
        autoplaySpeed: 6000,
        slidesToShow: 1,
        slidesToScroll: 1,
        pauseOnHover: true,//остановка при наведении
        pauseOnFocus: true,
        focusOnSelect: true,
        fade: true,
        asNavFor: '.slider-nav'
    });
    $('.slider-nav').slick({
        vertical: true,
        autoplay: true,
        //arrows: true,
        //infinite: true,
        slidesToShow: 10,
        //slidesToScroll: 1,
        asNavFor: '.slider',
        pauseOnHover: true,
        pauseOnFocus: true,
        focusOnSelect: true,
        centerMode: true,
        //verticalSwiping: true
    });
</script>
Миниатюры
Прокрутка слайдов в slick slider   Прокрутка слайдов в slick slider  
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
19.06.2019, 06:11
Ответы с готовыми решениями:

Slick Slider - произвольная разметка у слайдов
Доброго времени, уважаемые форумчане ! Столкнулся с проблемой что у слайдера по умолчанию идет обертка с произвольным классом/ID...

Slick slider. Сделать автоматическое пролистывание слайдов только пока курсор наведён на слайдер.
Здравствуйте всем! Помогите пожалуйста настроить slick слайдер Проблема в том, что нужно сделать автоматическое пролистывание слайдов...

Подлагивает slick slider
Вот такой +/- у меня вывод &lt;div class=&quot;main&quot;&gt; &lt;br&gt; &lt;div class=&quot;sl&quot;&gt; ...

1
11 / 11 / 2
Регистрация: 29.05.2011
Сообщений: 533
19.06.2019, 08:05  [ТС]
Удалось решить проблему подключением файла slick.js вместо slick.min.js.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
19.06.2019, 08:05
Помогаю со студенческими работами здесь

Не работает Slick Slider
Добрый день! Не собирается слайдер. Сначала получаю данные, а потом добавляю к html странице, а дальше slick свои дела делает, но почему не...

Не работает Slick slider
Здравствуйте. Выдает ошибку(_.$list.on is not a function) и у тому же не правильно работает в разных браузерах и еще и глючит (смещает ...

Slick Slider пагинация
Здравствуйте, подскажите, пожалуйста, как можно сделать пагинацию Slick слайдера как на скрине? В слайдере отображается по 6 слайдов, и...

Перестроить slick slider
Здравствуйте. Не подскажете как можно перестроить slick slider? Т.е. он запускается по началу с 6 слайдами, а при изменении окна браузера...

Настройка плагина slick-slider
Здравствуйте, у меня есть меню выводимое через модуль Joomla, на него я инициализировал slick-slider, проблема в том что у меня этот...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
Модель микоризы: классовый агентный подход 2
anaschu 06.01.2026
репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока
igorrr37 05.01.2026
/ * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .
Новый CodeBlocs. Версия 25.03
palva 04.01.2026
Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .
Модель микоризы: классовый агентный подход
anaschu 02.01.2026
Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru