- Название:
- Уникальный "Slide Show" для uCoz
- Категория:
- Слайдера
- Раздел:
- uCoz - Скрипты
- Просмотров:
- 3711
- Автор:
- Неизвестен
- Добавил:
- Дмитрий
- Комментов:
- 0
- Добавленно:
- 24.08.2013 в 15:29
- Теги:
- Show, Slide, ucoz, уникальный, для
- Рейтинг:
Последнее на форуме
Последние материалы
Уникальный "Slide Show" для uCoz
Уникальный "Slide Show" для uCoz
Данная версия является в формате HTML
Сам Slideshow_v5 является простым в установке, и использовании на вашем сайте.
И так давайте приступим к установке данной модификации!
В каком вам нужно месте ставим между и следующее:
Код
<!-- Включают в меню Сервис -->
<script src="http://gigabytes.clan.su/demki/slaider/1/Slideshow_v5/jquery.js"></script>
<!-- автономный стиль страницы (можно удалить) -->
<link rel="stylesheet" type="text/css" href="http://gigabytes.clan.su/demki/slaider/1/Slideshow_v5/standalo.css"/>
<link rel="stylesheet" type="text/css" href="http://gigabytes.clan.su/demki/slaider/1/Slideshow_v5/tabs-sli.css"/>
<script src="http://gigabytes.clan.su/demki/slaider/1/Slideshow_v5/jquery.js"></script>
<!-- автономный стиль страницы (можно удалить) -->
<link rel="stylesheet" type="text/css" href="http://gigabytes.clan.su/demki/slaider/1/Slideshow_v5/standalo.css"/>
<link rel="stylesheet" type="text/css" href="http://gigabytes.clan.su/demki/slaider/1/Slideshow_v5/tabs-sli.css"/>
Теперь между тегами и ставим следующее:
Код
<!-- «предыдущий слайд" кнопки -->
<a class="backward">предыдущая</a>
<!-- Контейнер для слайдов -->
<div class="images">
<!-- первый слайд -->
<div>
<h3>Первая панель</h3>
<img src="http://gigabytes.clan.su/demki/slaider/1/Slideshow_v5/screens.png" alt="Flying screens" style="float:left;margin:0 30px 20px 0" />
<p style="font-weight:bold">
Slide Show for Yukoz - Весь текст меняем на свой
</p>
<p>
Slide Show for Yukoz......
Всем доброго времени суток, и так к вашему вниманию предоставляется новая версия - Slideshow v5. Уважаемые пользователи если у вас есть какие либо идеи по созданию чего либо предлагайте - и мы с вами попробуем их сделать вместе.
Спасибо за ваше внимание с уважением - GiGabYtes.Clan.Su !
</p>
</div>
<!-- второй слайд -->
<div>
<h3>Вторая панель</h3>
<img src="http://gigabytes.clan.su/demki/slaider/1/Slideshow_v5/eye192.png" alt="Flying screens" style="float:left;margin:0 30px 20px 0" />
<p style="font-weight:bold">
Slide Show for Yukoz - Весь текст меняем на свой
</p>
<p>
Slide Show for Yukoz......
Всем доброго времени суток, и так к вашему вниманию предоставляется новая версия - Slideshow v5. Уважаемые пользователи если у вас есть какие либо идеи по созданию чего либо предлагайте - и мы с вами попробуем их сделать вместе.
Спасибо за ваше внимание с уважением - GiGabYtes.Clan.Su !
</p>
</div>
<!-- третий слайд -->
<div>
<h3>Третья панель</h3>
<p style="font-weight:bold">
Slide Show for Yukoz - Весь текст меняем на свой
</p>
<p>
Slide Show for Yukoz......
Всем доброго времени суток, и так к вашему вниманию предоставляется новая версия - Slideshow v5. Уважаемые пользователи если у вас есть какие либо идеи по созданию чего либо предлагайте - и мы с вами попробуем их сделать вместе.
Спасибо за ваше внимание с уважением - GiGabYtes.Clan.Su !
</p>
</div>
</div>
<!-- "Следующий слайд" кнопки -->
<a class="forward">следующий</a><p>
<!-- вкладки -->
<div class="slidetabs">
<a href=""></a>
<a href=""></a>
<a href=""></a>
</div>
<script language="JavaScript">
$(function() {
$(".slidetabs").tabs(".images > div", {
effect: 'fade',
fadeOutSpeed: "slow",
// начать с самого начала после последней вкладке
rotate: true
// использовать слайд-шоу плагин. Он принимает свою собственную конфигурацию
}).slideshow();
});
</script>
<a class="backward">предыдущая</a>
<!-- Контейнер для слайдов -->
<div class="images">
<!-- первый слайд -->
<div>
<h3>Первая панель</h3>
<img src="http://gigabytes.clan.su/demki/slaider/1/Slideshow_v5/screens.png" alt="Flying screens" style="float:left;margin:0 30px 20px 0" />
<p style="font-weight:bold">
Slide Show for Yukoz - Весь текст меняем на свой
</p>
<p>
Slide Show for Yukoz......
Всем доброго времени суток, и так к вашему вниманию предоставляется новая версия - Slideshow v5. Уважаемые пользователи если у вас есть какие либо идеи по созданию чего либо предлагайте - и мы с вами попробуем их сделать вместе.
Спасибо за ваше внимание с уважением - GiGabYtes.Clan.Su !
</p>
</div>
<!-- второй слайд -->
<div>
<h3>Вторая панель</h3>
<img src="http://gigabytes.clan.su/demki/slaider/1/Slideshow_v5/eye192.png" alt="Flying screens" style="float:left;margin:0 30px 20px 0" />
<p style="font-weight:bold">
Slide Show for Yukoz - Весь текст меняем на свой
</p>
<p>
Slide Show for Yukoz......
Всем доброго времени суток, и так к вашему вниманию предоставляется новая версия - Slideshow v5. Уважаемые пользователи если у вас есть какие либо идеи по созданию чего либо предлагайте - и мы с вами попробуем их сделать вместе.
Спасибо за ваше внимание с уважением - GiGabYtes.Clan.Su !
</p>
</div>
<!-- третий слайд -->
<div>
<h3>Третья панель</h3>
<p style="font-weight:bold">
Slide Show for Yukoz - Весь текст меняем на свой
</p>
<p>
Slide Show for Yukoz......
Всем доброго времени суток, и так к вашему вниманию предоставляется новая версия - Slideshow v5. Уважаемые пользователи если у вас есть какие либо идеи по созданию чего либо предлагайте - и мы с вами попробуем их сделать вместе.
Спасибо за ваше внимание с уважением - GiGabYtes.Clan.Su !
</p>
</div>
</div>
<!-- "Следующий слайд" кнопки -->
<a class="forward">следующий</a><p>
<!-- вкладки -->
<div class="slidetabs">
<a href=""></a>
<a href=""></a>
<a href=""></a>
</div>
<script language="JavaScript">
$(function() {
$(".slidetabs").tabs(".images > div", {
effect: 'fade',
fadeOutSpeed: "slow",
// начать с самого начала после последней вкладке
rotate: true
// использовать слайд-шоу плагин. Он принимает свою собственную конфигурацию
}).slideshow();
});
</script>
Ну вот собственно и все.
Нет не каких сложностей с установкой и использованием, пользуйтесь.
Посмотреть демо "Уникальный "Slide Show" для uCoz"
Подождите немного, сейчас файл будет подготовлен, через |
секунд Вы получите ссылку на скачивание. |
Зарегистрированные пользователи уже качают в то время как вы ожидаете 16 секунд.
Всего комментариев:
| |
Информация для гостей |
Добро пожаловать на небольшой портал посвященный разным темам, но главная тема это игры.
Нас уже 24605 человек и с каждым днем все больше.
Мы рекомендуем вам зарегистрироваться на сайте и получить в качестве бонуса небольшие возможности.
Возможности