Р
spectrum
Не совсем понимаю, как его использовать.
Давай ему стили.
Size: a a a
2019 October 02
Ni
spectrum
Не совсем понимаю, как его использовать.
Наверно как-то так:
var mySwiper = new Swiper('.swiper-container', {
slideActiveClass: 'active-slide',
});Ni
А затем где-нибудь в файле стилей:
.active-slide {
border: solid 5px red;
}s
Дело в том, что мне надо добавить класс не к слайду, а к совершенно другому элементу на странице и условием добавления будет конкретный слайд. К примеру, если слайд #1 активен добавляем класс к определённому диву.
Ni
Что-то мне эта задача напоминает)
Р
spectrum
Дело в том, что мне надо добавить класс не к слайду, а к совершенно другому элементу на странице и условием добавления будет конкретный слайд. К примеру, если слайд #1 активен добавляем класс к определённому диву.
https://www.tutorialdocs.com/tutorial/swiper/api-events.html
Тут выбираешь то событие, которое тебе больше нравится.
Например slideChange.
swiper.on('slideChange', function() {...})
Тут выбираешь то событие, которое тебе больше нравится.
Например slideChange.
swiper.on('slideChange', function() {...})
Р
Что-то мне эта задача напоминает)
Есть такое)
Ni
Роб
https://www.tutorialdocs.com/tutorial/swiper/api-events.html
Тут выбираешь то событие, которое тебе больше нравится.
Например slideChange.
swiper.on('slideChange', function() {...})
Тут выбираешь то событие, которое тебе больше нравится.
Например slideChange.
swiper.on('slideChange', function() {...})
Ещё приятной особенностью является то, что this keyword within event handler always points to Swiper instance.
А это значит, что оттуда можно извлечь
А это значит, что оттуда можно извлечь
activeIndex сразу жеР
Ещё приятной особенностью является то, что this keyword within event handler always points to Swiper instance.
А это значит, что оттуда можно извлечь
А это значит, что оттуда можно извлечь
activeIndex сразу жеЗначит будет сложнее говнокодить? ;с
Меня к такому не готовили.
Меня к такому не готовили.
Ni
spectrum
Дело в том, что мне надо добавить класс не к слайду, а к совершенно другому элементу на странице и условием добавления будет конкретный слайд. К примеру, если слайд #1 активен добавляем класс к определённому диву.
Пока понятно, куда двигаться дальше?
s
Не понятно с привязкой к событию slideChange. А если слайд не менялся, но условие сработать должно? К примеру пользователь перешёл по ссылке сразу на конкретный слайд, и добавиться класс должен, но т.к смены слайдов не произошло, функция не будет выполнена.
Р
spectrum
Не понятно с привязкой к событию slideChange. А если слайд не менялся, но условие сработать должно? К примеру пользователь перешёл по ссылке сразу на конкретный слайд, и добавиться класс должен, но т.к смены слайдов не произошло, функция не будет выполнена.
Если я сейчас правильно тебя понял, то это уже не фронт. Но лучше опиши ситуацию подробнее.
Р
У тебя при переключении слайдов меняется url?
s
У меня здесь есть ссылка на шаблон. Там страницы сайта = слайдам. Мне надо застилить пункты меню в зависимости от того, какой слайд активен в данный момент.
s
Роб
У тебя при переключении слайдов меняется url?
Нет. Всё на одной странице
Р
spectrum
Нет. Всё на одной странице
Тогда как пользователь сможет перейти на конкретный слайд?
s
По хешь ссылке
s
Ссылке на конкретный слайд
Р
Ну да, все правильно
Р
Окей, тогда я вижу такой вариант - выписать функцию отдельно и выполнять ее два раза. Первый раз при загрузке страницы, второй при событии слайдера.