Слайдер “Quotes Rotator” для uCoz
827материалов
228тем на форуме
3003комментария
6152пользователя

Слайдер “Quotes Rotator” для uCoz


Описание:

Quotes Rotator - это некий слайдер/ротатор цитат с использованием разнообразных картинок и с неограниченным количеством вкладок. У слайдера используется автозапуск. Индикатор выше, показывает прогресса цитируемости содержимого. Цитата с изображением используется в качестве примера. Также, можно заместо картинок использовать видео или flash, а сам слайдер можно содержать что угодно, хоть одни картинки. Кстати, css очень коротенький и простенький, поэтому вы сможете с легкостью подогнать его под свой сайт.

Установка:

Для начала скачиваете архив с нашего сайта и папку quotes-rotator загружаете в свой файловый менеджер

Далее между <head> и </head> подключаете:
Код
<link rel="stylesheet" type="text/css" href="/quotes-rotator/component.css" />
<script src="/quotes-rotator/modernizr.custom.js"></script>

Где хотите видеть слайдер вставляете код:
Код
<div class="main">
<div id="cbp-qtrotator" class="cbp-qtrotator">
<div class="cbp-qtcontent">
<img src="http://webmaster-ucoz.ru/w-u/favicons/apple-touch-icon-180x180.png" alt="img01" />
<blockquote>
<p>uCoz — бесплатная система управления сайтом и хостинг для сайтов, созданных с её использованием.</p>
<footer>Владелец сервиса — ООО «Юкоз Медиа», Россия.</footer>
</blockquote>
</div>
<div class="cbp-qtcontent">
<img src="http://webmaster-ucoz.ru/w-u/favicons/apple-touch-icon-180x180.png" alt="img02" />
<blockquote>
<p>Модули uCoz могут использоваться как в единой связке для создания полнофункционального сайта.</p>
<footer>Владелец сервиса — ООО «Юкоз Медиа», Россия.</footer>
</blockquote>
</div>
<div class="cbp-qtcontent">
<img src="http://webmaster-ucoz.ru/w-u/favicons/apple-touch-icon-180x180.png" alt="img03" />
<blockquote>
<p>К 2014 году на его основе было создано более 20 млн страничек (из них активны были около 1 млн), на отдельных доменах работали 54 тыс. сайтов.</p>
<footer>Владелец сервиса — ООО «Юкоз Медиа», Россия.</footer>
</blockquote>
</div>
<div class="cbp-qtcontent">
<img src="http://webmaster-ucoz.ru/w-u/favicons/apple-touch-icon-180x180.png" alt="img04" />
<blockquote>
<p>uCoz.ru находится на 73-м месте самых популярных российских сайтов по данным Alexa Internet.</p>
<footer>Владелец сервиса — ООО «Юкоз Медиа», Россия.</footer>
</blockquote>
</div>
</div>
</div>
</div>

Перед тегом </body> в нижней части сайта вставляете код:
Код
<script src="/quotes-rotator/jquery.cbpQTRotator.min.js"></script>
     <script>
     $( function() {
     /*
     - how to call the plugin:
     $( selector ).cbpQTRotator( [options]);
     - options:
     {
     // default transition speed (ms)
     speed : 700,
     // default transition easing
     easing : 'ease',
     // rotator interval (ms)
     interval : 8000
     }
     - destroy:
     $( selector ).cbpQTRotator( 'destroy' );
     */

     $( '#cbp-qtrotator' ).cbpQTRotator();

     } );
     </script>

ПОСМОТРЕТЬ ДЕМО ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 27.09.2016 в 20:00
Материал просмотрен: 1056 раз
Категория материала: Скрипты для uCoz
К материалу оставлены: 4 комментария

Пожаловаться
Сказать спасибо
Источник

4 комментария


avatar
Так то норм для вывода инфы, но туда бы ещё можно было ссылки воткнуть вообще цены бы не было like
Ромчик
Воткнуть можно что угодно, в том числе и ссылки
avatar
Не получилось...? depression
Ромчик
Значит не следовали инструкции и не правильно установили скрипт!
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта