Slide Show for Yukoz


Всем доброе время суток и так к вашему внеманиюсегодня предоставляю - Slide Show for Yukoz 

Даная версия является в формате HTML

Сам Slideshow_v5 является простым в установке, и использовании на вашем сайте.

И так давайте приступим к установке дной модификации!

Для начала скачиваем сам архив, после создаем папку Slideshow_v5 и туда залеваем все что находится в папке.

После чего идем на сайт и в каком вам нужно месте ставим между и ставим следущее:
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]-->


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

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

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

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


Ну вот собствено и все.

Нет не каких сложностей с установкой и использованием, пользуйтесь наздорове.


ИсточникКатегория: Слайдера для ucoz | Добавил: AID | Дата: 24.04.2012
Скачать Slide Show for Yukoz с сервера
1489_uFace.rar Размер: 263.8 Kb (cкачиваний: 411)
Посмотреть демо Slide Show for Yukoz
Slide Show for Yukoz(посмотрели: 4328)

Другие новости


Поделиться ссылкой


Ссылка:
BB-code:
HTML:
2 | ▐▐▐RAP▐▐▐ пишет: | 02.05.2012 | 19:07 Страница с комментарием |
Админ рипни плиз слайдер вот от сюда http://www.nokia.com/ru-ru/products/phone/lumia800/?intc=na-fw-ilc-na-home_hero_lumia800_white_1-na-home-ru-ru-1248046
+ (0) -