Новое · Участники · Правила · Поиск · RSS

  • Страница 1 из 1
  • 1
Slide Show для uCoz
pro100kasper
Offline
Дата: Понедельник, 04.06.2012, 18:38 | Сообщение # 1
Гл. Админ сайта
Группа: Администраторы
Сообщений: 61
Репутация: 0
Красивый слайдер Slide Show для uCoz.


Для начала скачиваем сам архив, после создаем папку Slideshow_v5 и туда залеваем все что находится в папке.
После чего идем на сайт и в каком вам нужно месте ставим между и ставим следущее:
Code
<!-- http://clipak.ucoz.ru -->   
    <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>
Прикрепления: 280_uFace.rar (264.1 Kb)
 
  • Страница 1 из 1
  • 1
Поиск:
Бесплатный конструктор сайтовuCoz (Development for ucoz CodeNameSkif)