Форум на Исходниках.RU https://forum.sources.ru Форум на Исходниках.RU Форум на Исходниках.RU https://forum.sources.ru/index.php?showtopic=434177&view=findpost&p=3889197 Fri, 07 Apr 2023 06:09:48 +0000 Owl Carousel - несколько на одной странице https://forum.sources.ru/index.php?showtopic=434177&view=findpost&p=3889197 Буду пробовать разобраться.]]> iPhonesoft JavaScript, DOM/DHTML https://forum.sources.ru/index.php?showtopic=434177&view=findpost&p=3889140 Thu, 06 Apr 2023 05:29:55 +0000 Owl Carousel - несколько на одной странице https://forum.sources.ru/index.php?showtopic=434177&view=findpost&p=3889140
    $('input[name^="slider_"]').owlCarousel(

Только вместо инпута поставить своё]]> Gonarh JavaScript, DOM/DHTML https://forum.sources.ru/index.php?showtopic=434177&view=findpost&p=3889139 Thu, 06 Apr 2023 02:59:52 +0000 Owl Carousel - несколько на одной странице https://forum.sources.ru/index.php?showtopic=434177&view=findpost&p=3889139 Цитата iPhonesoft @
Можно ли как-то сделать так, чтобы не нужно было перечислять все имена каруселей?

Если все карусели имеют (а если не имеют, то присвоить) какой-то класс, то одним оператором собираем массив этих элементов, а потом в цикле перебором массива, инициализируем.
Что-то типа:

    var elements = document.querySelectorAll('.owl-carousel');
    Array.from(elements).forEach(function(element) {
      $(element).owlCarousel({тут инициализация});
    });

Естественно, можно использовать JQuery и вместо querySelectorAll. Ну в общем идея должна быть понятна. Да, сорян - код не проверял, так навскидку набросал.]]> Majestio JavaScript, DOM/DHTML https://forum.sources.ru/index.php?showtopic=434177&view=findpost&p=3889137 Wed, 05 Apr 2023 17:56:33 +0000 Owl Carousel - несколько на одной странице https://forum.sources.ru/index.php?showtopic=434177&view=findpost&p=3889137
в JS который даёт им настройки, приходится перечислять id's каждой карусели ("#slider_1, #slider_2, #slider_3, #slider_4, #slider_5"), что не очень удобно:

    $(document).ready(function(){
        const slider = $("#slider_1, #slider_2, #slider_3, #slider_4, #slider_5").owlCarousel({
            items: 1,
            loop: true,
            dots: false,
            touchDrag: true,
            nav: true,
            navText: [
              '<svg width="30" height="30" viewBox="0 0 24 24"><path d="M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z" fill="rgb(255, 255, 255)"/></svg>',
              '<svg width="30" height="30" viewBox="0 0 24 24"><path d="M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z" fill="rgb(255, 255, 255)"/></svg>'
            ]
         });
    });


Можно ли как-то сделать так, чтобы не нужно было перечислять все имена каруселей?
Спасибо за помощь.]]> iPhonesoft JavaScript, DOM/DHTML