Установка видео карусели на сайт

[ Закрыто ] Установка видео карусели на сайт

Сообщений: 327 Регистрация: Авг 2014

24 Августа 2015 18:58

Добрый вечер. Подскажите как установить видео карусель на сайт? На одном из сайтов нашел подходящий скрипт карусели, хочу установить к себе на сайт. скрипт состоит из 3 частей HTML кода, файла стилей CSS, и javaScript, jQuery кода,только вот не пойму что куда устанавливать, с файлом стилей это понятно, хтмл код это как я понимаю вставляют в то место где необходима карусель, а куда ставить javaScript, jQuery код? и как добавлять необходимые файлы в карусель? Сайт на котором нашел код http://www.yanajy.com/sdelay-sam/jQuery-carousel.html, Я в хтмл не особо понимаю, буду раз подсказке как правильно установить эту карусель на сайт. Спасибо.PS: стандартный слайдер устанавливать не хочу. выглядит жутко.

paltarasych

Сообщений: 3289 Регистрация: Янв 2011

25 Августа 2015 14:31

так там же все четко написано :confused:все что между "телом" - код карусели, воткнуть куда надо.
в свой хедер добавить подключение доп CSS и квери, предварительно залив эти файлы на сайт и указать к ним путь!

Биржа криптовалюты

Отличный хостинг Webhost1

Александр

Сообщений: 327 Регистрация: Авг 2014

25 Августа 2015 19:41

один фиг чего то не догоняю:confused:допустим я код html запихну в файл шаблона где нужно выводить саму карусель, далее код CSS добавлю в файл style шаблона потом код квери как я понял добавить в хедер сайта так? Предварительно эти файлы нужно залить на сайт в папку шаблона так?а в каком расширении, и где нужно указывать путь к ним?

Андрей П-Студия

Сообщений: 774 Регистрация: Май 2010

25 Августа 2015 19:47

Так если посмотреть код демостраницы, то там все видно что куда вставлять:

Код

<!DOCTYPE html>
 <!-- developed by http://www.yanajy.com --> 
<html> 

<head>    
<script src="http://code.jquery.com/jquery-latest.js"></script> <!-- ���������� ��������� ������ jQuery -->    
<script type="text/javascript" src="js/carousel.js"></script> <!-- ���������� ��� ������ -->
 <link rel="stylesheet" type="text/css" href="css/styles-carousel.css"> <!-- ���������� �������� ���� --> 
</head>
 
<body>      
<div class="b-carousel"> <!-- ���������, � ������� ����� �������� -->           
<div class="b-carousel-button-left"></div> <!-- ����� ������ -->       
<div class="b-carousel-button-right"></div> <!-- ������ ������ -->           
   <div class="h-carousel-wrapper"> <!-- ������� ������� �������� -->          

<div class="h-carousel-items"> <!-- ���� ����� ��������� �������� -->                    
   <div class="b-carousel-block"> <!-- ������ ������� �������� -->                
<a href="#" class="a-carousel-image-link">                
   <img src="img/carousel1.jpg" alt="" />                </a>          
   </div>                          <div class="b-carousel-block">             
   <a href="#" class="a-carousel-image-link">                   <img src="img/carousel2.jpg" alt="" />          
      </a>             </div>                          <div class="b-carousel-block">             
   <a href="#" class="a-carousel-image-link">                   <img src="img/carousel3.jpg" alt="" />                </a>             </div>                          <div class="b-carousel-block">                <a href="#" class="a-carousel-image-link">                   <img src="img/carousel4.jpg" alt="" />                </a>             </div>                          <div class="b-carousel-block"> <!-- ��������� ������� �������� -->                <a href="#" class="a-carousel-image-link">                   <img src="img/carousel5.jpeg" alt="" />                </a>             </div>                       </div>       </div>           </div>   </body> </html>

Изменено: Андрей П-Студия - 25 Августа 2015 19:48

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

paltarasych

Сообщений: 3289 Регистрация: Янв 2011

27 Августа 2015 08:55

Цитата
Александр пишет: в папку шаблона

куда угодно! главное в хедере

Цитата
Александр пишет: нужно указывать путь к ним

Цитата
Александр пишет: расширении

будут .css и .js просто код копируешь в блокнот и сохраняешь с этими расширениями
подключить:

Код
<script type="text/javascript" src="ТУТ АБСОЛЮТНЫЙ ПУТЬ К ФАЙЛУ/carousel.js"></script>

Изменено: paltarasych - 27 Августа 2015 08:56

Александр

Сообщений: 327 Регистрация: Авг 2014

10 Сентября 2015 15:17

Цитата

paltarasych пишет:

Цитата
Александр пишет: в папку шаблона

куда угодно! главное в хедере

Цитата
Александр пишет: нужно указывать путь к ним

Цитата
Александр пишет: расширении

будут .css и .js просто код копируешь в блокнот и сохраняешь с этими расширениями
подключить:

Код
<script type="text/javascript" src="ТУТ АБСОЛЮТНЫЙ ПУТЬ К ФАЙЛУ/carousel.js"></script>

Спасибо за ответы, тему можно закрыть, проблема решена.

Prapovednik

Модератор

Сообщений: 64408 Регистрация: Мар 2010

11 Сентября 2015 15:24

Цитата
Александр пишет: тему можно закрыть, проблема решена.

Александр, спасибо, что отписались в теме и скинули в ЛС.
Тему закрыл.

* обращение к пользователям - > если Ваша тема потеряла свою актуальность, то, пожалуйста, отпишитесь об этом в теме и скиньте ссылку на тему мне в ЛС.

1. Продвигай сайты ЛЮБОЙ тематики! Вечные ссылки и статьи.
*
2. Как заработать даже на чужом контенте. УБТ тренд 2024

Похожие темы:

01.07.2018 17:54	Модальное окно и видео
06.10.2017 11:19	Установка модуля "Последние коментарии"
16.05.2017 13:44	помогите добавить видео
27.03.2017 16:27	помогите сделать видео адаптивным
20.12.2014 17:26	Видеоплеер сс

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
14:13 Profit Pixels - In-House Форекс, Крипто, Трейдинг CPA Офферы \| Еженедельные Выплаты \| CPA до $950 10:09 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 21:07 Взрывной рост роботности в Метрике 18:33 Trafee.com – эффективная монетизация вашего дейтинг трафика 15:41 Adtrafico - Правильная партнёрская сеть под бурж трафик 22:12 Stixi.ru. и stixi.com 20:30 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options	05:08 [WORDPRESS] [Gemini\|GPT]️ ClipAI - Копирайтинг больше не нужен! Подключит ИИ к интернету и напишет статьи с автоматической публикацией на сайт. 00:25 Уникальный сервис SEO продвижения 14:51 Мощные прокси для вашего бизнеса! 12:17 Продам дешёвые домены (1$/штука) 10:58 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик] 10:17 Размещу ссылки/статьи на ваш сайт \| Рост ИКС \| XRumer 23.0.4 StrongAI 22:12 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств	22:00 Точные прогнозы на футбол 20:09 Сколько сейчас стоит наполнение ИМ? 12:43 Куплю проигрышные букмекерские аккаунты 04:33 Половина скидок на распродажах — фейк 07:53 НейроБабушка наказывает мошенников 19:59 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 19:57 Пятница 13-ое: VK принял радикальное решение и закрыл доступ к порно контенту