Правила форума Подписки
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
Баннерообмен с SVK Portal (2)
Hibernation Evil - Эпизод... (0)
Народная Солянка 2016 [OG... (0)
У костра (193)
Вступить в группировку (40)
У костра (193)
Анекдоты (145)
Города (94)
Обновление сайта (68)
Создание НПС (63)
StraNNik (1366)
RamzeS (523)
Каратель (178)
Narkostalker (127)
Кракен (93)
ppippitto79 (12.09.2020)
oksanakisulka (04.09.2020)
frost154medium (12.08.2020)
jeri (11.08.2020)
sashazhi (09.08.2020)
  • Страница 1 из 1
  • 1
Форум[S-R] | Развлекательный форум » Мастерская портала » Скрипты » Разное » iCarousel
iCarousel
Бармен
Бармен
Пропуск №: 63
Регистрация: 12.04.2014
Ранг: Познающий
Сообщений: 74
Карма: 1 | Хабар: 8
stalkers
Дата: Вторник, 19.05.2015, 14:16/ Сообщение №: 1

iCarousel - мощный слайдер в виде элегантной карусели, идеально подходящий для фотографий.
Установка:

В <head> подключаем css-файл:
Код
<link rel="stylesheet" href="/icarousel/icarousel.css" />

Перед </body> подключаем два js-кода:
Код
<script src="/icarousel/icarousel.js"></script>   
<script src="/icarousel/icarousel_cache.js"></script>

А это сам HTML-код слайдера:
Код
<div class="carousel-container">   
<div id="icarousel">   
<img src="/icarousel/images/photo1.jpg" width="480" height="360" />   
<img src="/icarousel/images/photo2.jpg" width="480" height="360" data-pausetime="1000" />   
<img src="/icarousel/images/photo3.jpg" width="480" height="360" data-pausetime="10000" />   
<img src="/icarousel/images/photo4.jpg" width="480" height="360" />   
<img src="/icarousel/images/photo5.jpg" width="480" height="360" />   
<img src="/icarousel/images/photo6.jpg" width="480" height="360" />   
<img src="/icarousel/images/photo7.jpg" width="480" height="360" />   
</div>   
</div>

Как можно заметить, очень простой и небольшой код для такой красивой карусели.
Скачать




Форум[S-R] | Развлекательный форум » Мастерская портала » Скрипты » Разное » iCarousel
  • Страница 1 из 1
  • 1
Поиск:

Авторское право на игру и использованные в ней материалы принадлежат GSC Game World.
Любое использование материалов сайта возможно только с разрешения его администрации!
Для корректного отображения сайта, рекомендуем использовать обновленный Yandex.Browser
Powered by StraNNik | Хостинг от uCoz | Рекомендуем AdGuard
© 20.11.2013-21.09.2020