DLE Адаптавный слайдер из шаблона kinobar для киносайта

Сам шаблон в этой теме

Автоматический большой слайдер для сайта, выдернут по просьбе пользователя нашего форума.

html код вставить в нужное место в шаблоне main.tpl

Code:

[aviable=main]
        <div class="slide">
            <div id="owl-slides">
                {custom category="1" template="custom-slide" aviable="global" from="0" limit="5" cache="no"}
            </div>
        </div>
        [/aviable]

там же, перед </head> подключить файл

Code:

<script src="{THEME}/js/owl.carousel.min.js"></script> и <script src="{THEME}/js/libs.js"></script>

рядом с основным файлом стилей подключить

Code:

<link href="{THEME}/style/owl-theme.css" type="text/css" rel="stylesheet" />

Настроить под себя, пользоваться.

 

Вот спасибо! то что нужно!

 

Здравствуйте! Сделал всё по инструкции, но нечего не работает.

 

Можно ссылку на сайт, в лс или в теме, гляну

 

Я на локальном пробовал, сейчас скину скрин что получается

 

Какие ошибки ?

 

вот

движок DLE 11.2 шаблон kinodevil

Uncaught ReferenceError: jQuery is not defined
at owl.carousel.min.js:47
вот такая ошибка

 

iknow как я знаю тут может быть 2 случая, или нажми ctrl+f5 и все норм будет, или у тебя включено кеширование js и из за этого бывают ошибки

 

Выключил кэширование, но не чего не изменилось. Может быть он стили не видит, вроде вставил как сказано и при инспектирование через гугол он их видит но при наведение на элемент их нету

 

Стилей нет... стили нужно либо под свой шаб делать либо стандарт подключать или прописывать

 

Ясно, Спасибо большое за помощь

 

iknow тут тебе горе советчики насоветовали, подключение скрипта

Code:

<script src="{THEME}/js/owl.carousel.min.js"></script>

засунь перед тегом

Code:

</body>

 

Почему в css нету стилей slide и owl-slides?

Нужно добавить ещё в стиль

Code:

/* SLIDER
----------------------------------------------- */
.slide {height:370px; overflow:hidden; background-color:#818DA6; position:relative; z-index:100;}
.cs-item {display:block; height:370px; position:relative; overflow:hidden;}
.cs-text {width:50%; height:100%; position:absolute; left:0; bottom:0; padding:20px 90px 20px 90px; display:table;}
.cs-text-inner {display:table-cell; vertical-align:middle; width:100%;}
.cs-title {line-height:40px; padding:10px 10px 0 10px;}
.cs-title span {color:#000; font-size:24px; outline:#fcdc02 solid 10px; background-color:#fcdc02;}
.cs-cat {margin:20px 0 5px 0; font-size:16px; text-shadow:1px 1px 0 #000; color:#FFF;}
.cs-desc {font-size:14px; text-shadow:1px 1px 0 #000; color:#f0f0f0;}
.cs-item i {font-size:100px; width:100px; height:100px; text-align:center; line-height:100px;
position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px; color:#fcdc02; opacity:0;}
.cs-item:hover i {opacity:1; transform:scale(1.2,1.2);}

 

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

 

вот что получилось

 

В первом посте четко написано, настроить слайдер под себя! На локалке по скринам смотреть что установлено это бред и гмор.. ставь на бесплатный хост, кидай ссылку, так проще будет подсказать или сделать самому.

 

iknow ахуеть, а мой коммент проигнорил. Ну и ебись дальше сам.

 

Не проигнорил, я сделал все как вы сказали

 

iknow по контактам напиши и доступ через тимвивер

 

Спасибо большое что помогли