Демо
Всем доброе время суток и так к вашему вниманию сегодня предоставляю - Slide Show for 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"/>
Теперь между тегами и ставим следующее:
Код
<!-- «предыдущий слайд" кнопки -->
<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>
Ну вот собственно и все.
Нет не каких сложностей с установкой и использованием, пользуйтесь.