Задать вопрос

Как на основе slick slider сделать такой слайдер?

Всем привет.
Подскажите пожалуйста можно ли на основе slickSlider, OWL Carousel сделать, что-нибудь подобное?
5c8fdffe365a3076975909.png
  • Вопрос задан
  • 821 просмотр
Подписаться 6 Средний 1 комментарий
Решения вопроса 3
UnluckySerivelha
@UnluckySerivelha
Что-то готовое вряд ли найти получится.
Есть вот такие примеры, можно под себя доделать:
https://codepen.io/meprap/pen/yXMRpE
https://codepen.io/glitchworker/pen/aZmYdm
Ответ написан
Комментировать
$('.owl-carousel').owlCarousel({
        loop:true,
        nav:true,
        items:5,
        center:true,
        onInitialized: carouselFirstLastActive
    });
    
    $('.owl-carousel').on('translate.owl.carousel', function(e){
        carouselFirstLastActive(e);
    });
    
    function carouselFirstLastActive(e){
        var idx = e.item.index;
        $('.owl-item').removeClass('last last_second first second');
        $('.owl-item').eq(idx-1).addClass('second');
        $('.owl-item').eq(idx-2).addClass('first');
        $('.owl-item').eq(idx+1).addClass('last_second');
        $('.owl-item').eq(idx+2).addClass('last');
    }


Можно добавить классы на активные слайды и уже работать со стилями
Ответ написан
Комментировать
@relows
Учусь веб дизайну и программированию
https://www.internet-technologies.ru/articles/26-b... - здесь есть то что вам нужно.
https://nisnom.com/slajdery-dlya-sajta-html-css-i-... - тут тоже интересные слайдеры
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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