• Страница 1 из 1
  • 1
Форум CREWEBIK.ru » design studio for uCoz » ФОРУМ ВЕБ МАСТЕРОВ » Анимация и флеш(Flash) » Slideshow_v5
Slideshow_v5
Nikola
/avatar/64/4120-829722.png
1');return false;" rel="nofollow" href="javascript://" name="3680">
29.05.2012 в 11:55

Всем доброе время суток и так к вашему внеманиюсегодня предоставляю - Slide Show for Yukoz
Даная версия является в формате HTML
Сам Slideshow_v5 является простым в установке, и использовании на вашем сайте.
И так давайте приступим к установке дной модификации!
Для начала скачиваем сам архив, после создаем папку Slideshow_v5 и туда залеваем все что находится в папке.
После чего идем на сайт и в каком вам нужно месте ставим между <head> и </head> ставим следущее:
Code
<!-- Включают в меню Сервис -->     
      <script src="Slideshow_v5/jquery.js"></script>     

      <!-- автономный стиль страницы (можно удалить) -->     
      <link rel="stylesheet" type="text/css" href="Slideshow_v5/standalo.css"/>      

      <link rel="stylesheet" type="text/css" href="Slideshow_v5/tabs-sli.css"/>     
           
      <!-- исправить то есть "черный ящик" проблемы с изображениями PNG, когда непрозрачность анимируемого -->     
           
      <!--[if IE]>     
      <style type="text/css">     
      .images img {     
      background:#efefef url(/img/global/gradient/h300.png) repeat-x 0 -22px;     
      }     
      </style>     
      <![endif]-->

Теперь между тегами <body> и </body> ставим следущее:
Code
<!-- «предыдущий слайд" кнопки -->     
<a class="backward">предыдущая</a>     

<!-- Контейнер для слайдов -->     
<div class="images">     

      <!-- первый слайд -->     
      <div>     
      <h3>Первая панель</h3>     

      <img src="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......<br />Всем доброго врямени суток, и так к вашему внеманию предоставляется новая версия - Slideshow v5. Уважаемые пользователи если у вас есть какие либо идеи по созданию чего либо предлогайте - и мы свами попробуем их зделать вместе. <br />Спасибо за ваше внемание с уважением - Zlatev Dima     
      </p>     

      </div>     

      <!-- второй слайд -->     
      <div>     
      <h3>Вторая панель</h3>     

      <img src="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......<br />Всем доброго врямени суток, и так к вашему внеманию предоставляется новая версия - Slideshow v5. Уважаемые пользователи если у вас есть какие либо идеи по созданию чего либо предлогайте - и мы свами попробуем их зделать вместе. <br />Спасибо за ваше внемание с уважением - Zlatev Dima     
      </p>     
      </div>     

      <!-- третий слайд -->     
      <div>     
      <h3>Третья панель</h3>     

      <p style="font-weight:bold">     
      Slide Show for Yukoz - Весь текст меняем на свой     
      </p>     

      <p>     
      Slide Show for Yukoz......<br />Всем доброго врямени суток, и так к вашему внеманию предоставляется новая версия - Slideshow v5. Уважаемые пользователи если у вас есть какие либо идеи по созданию чего либо предлогайте - и мы свами попробуем их зделать вместе. <br />Спасибо за ваше внемание с уважением - 3week.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", {     

      // uFace - by lekus     
      effect: 'fade',     
      fadeOutSpeed: "slow",     

      // начать с самого начала после последней вкладке     
      rotate: true     

// использовать слайд-шоу плагин. Он принимает свою собственную конфигурацию     
}).slideshow();     
});     
</script>

Ну вот собствено и все.
DEMO
vladi
/avatar/63/8346-919139.jpg
2');return false;" rel="nofollow" href="javascript://" name="3682">
29.05.2012 в 13:06 Прикольный слайд нада проверить))
Nikola
/avatar/64/4120-829722.png
3');return false;" rel="nofollow" href="javascript://" name="3685">
29.05.2012 в 18:13
Quote (vladi)
Прикольный слайд нада проверить))

сейчас демку выложу)
vladi
/avatar/63/8346-919139.jpg
4');return false;" rel="nofollow" href="javascript://" name="3688">
29.05.2012 в 21:39
Quote (Nikola)
сейчас демку выложу)

Давай!
Nikola
/avatar/64/4120-829722.png
5');return false;" rel="nofollow" href="javascript://" name="3689">
29.05.2012 в 21:42 вот вообщем) DEMO
Форум CREWEBIK.ru » design studio for uCoz » ФОРУМ ВЕБ МАСТЕРОВ » Анимация и флеш(Flash) » Slideshow_v5
  • Страница 1 из 1
  • 1
Поиск: