• Страница 1 из 1
  • 1
Форум » uCoz » Слайдера » Уникальный "Slide Show" для uCoz
Уникальный "Slide Show" для uCoz
Дмитрий Дата: Пятница, 10.08.2012, 18:58 | Сообщение # 1 | Сообщить о нерабочей теме


Аватар для Дмитрий



Демо

Всем доброе время суток и так к вашему вниманию сегодня предоставляю - 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>


Ну вот собственно и все.
Нет не каких сложностей с установкой и использованием, пользуйтесь.
Прикрепления: 738_64436420_sl.jpg(103.5 Kb)


From Russia With Love!
Форум » uCoz » Слайдера » Уникальный "Slide Show" для uCoz
  • Страница 1 из 1
  • 1
Поиск: