Задать вопрос
@Novamoscow
javascript

Кастомные стрелки в slick слайдер можно сделать на свой класс или айди?

Слайдер slick. Мне нужно изменить внешний вид стрелок и позиционирование. И это все на нескольких слайдерах на одной странице (на каждом слайдере что то меняется).

Я заверстал кнопку и задал ей класс. Можно ли заменить стандратные кнопки на мою кастомной.

PS Именно заменить на новый элемент, а не менять существующие стили в слике.
  • Вопрос задан
  • 36246 просмотров
Комментировать
Подписаться 3 Простой Комментировать
Решения вопроса 4
@Zbiten 
prevArrow: $('.prev'),
nextArrow: $('.next'),
Ответ написан
4 комментария
4 комментария
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
можешь вообще убрать стандартные arrows в slick и прописать эвенты этих кнопок (slickNext и slickPrev) на любой элемент который хочешь.
примерно так:
$('div').on('click', function() {
	$('slider').slick('slickNext');
});
Ответ написан
6 комментариев
6 комментариев
@igumenov 
prevArrow: '<div class="prev"></div>',
nextArrow: '<div class="next"></div>',


И потом через css править
Ответ написан
3 комментария
3 комментария
@Neyury
В свойствах prevArrow, nextArrow можно указать свой html код для стрелок (а также DOM objects или Jquery селектор). Подробнее можно посмотреть на странице слайдера с описанием всех свойств и их примерами.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
ian14
@ian14
Если вы делаете свои кнопки навигации, которые хотите вывести в нужном вам месте, то используйте в настройках слайдера это

nextArrow: document.querySelector('#my-arrow-next'),
prevArrow: document.querySelector('#my-arrow-prev')
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сделать верстку для натяжки на wordpress по макету в figma
26 апр. 2024, в 14:21
10000 руб./за проект
Node JS Бек енд разработчик для доработки CRM системы авто салона
26 апр. 2024, в 14:10
60000 руб./за проект
Требуется Pure PhP + Symfony (Обязательно) разработчик для CRM/ERP
26 апр. 2024, в 14:07
3000 руб./в час
Ещё заказы