<скрипт> $(документ).готовый(функция(){ // Id блока, в котором будет слайдер блок var = $("#rec468877620"); // Класс элемента, в котором будет находиться слайдер var wrap = $(".tn-elem__4688776201657773676925"); // Id блоков, которые будут слайдами var slides = $("#rec468877635, #rec468877650, #rec468877664, #rec468877686, #rec468877746"); wrap.addClass("тильдошная-слайдер-сова"); var box = wrap.find(".tn-atom"); box.append(''); slides.appendTo(block.find('.owl-carousel')); var owl = wrap.find('.owl-carousel').owlCarousel({ // Зациклить слайдер - true // Без зацикленности - false петля: правда, // Точки-контроллы точки: ложные, навигация: ложь, // Колличество карточек предметы: 1, // Адаптивность отвечает: { // 0 это минимальная ширина экрана, при которой включается следующая часть кода // 0:{ // items: 1 это колличество слайдов на экране // элементы:1 // }, 0:{ предметы:1 }, 640: { предметы:1 }, 960: { предметы:1 }, } // Адаптивность: конец }) block.find("[href='#slider_left']").click(function(e){ e.preventDefault(); owl.trigger('предыдущий.owl.carousel'); }) block.find("[href='#slider_right']").click(функция(e){ e.preventDefault(); owl.trigger('следующая.owl.carousel'); }) }); <стиль> /* тильдошная_ */ .tildoshnaya-slider-owl .t-rec .t396__artboard { /* Укладка высоты слайда */ высота: 500px !важно; /* Укладка рекламы слайда */ ширина: 700px !важно; } .tildoshnaya-slider-owl { внешний вид: гибкий; flex-flow: row nowrap; выравнивание свойств: по центру; выравнивание элементов: растянуть; выравнивание свойств: растянуть; } .tildoshnaya-slider-owl .t-rec, .tildoshnaya-slider-owl .t396__artboard { переполнение: скрыто !важно; }