jQuery Slider v0.7

2089
10 из 10
Проголосовало: 2




  • Скачать с сервера
  • Скачать
  • Смотреть демо


Всем доброе время суток.

И так сегодня к вашему вниманию представить хочу - "jQuery Slider v0.7"

И так что от вас требуется а собственно не чего сложного.

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

И так скачиваем "АРХИВ" распаковываем и видим там такие "ПАПКИ"

css >>> images >>> js

Загружаем их в свой "Файловый менеджер"

После заходим на нужную страницу сайта и между тегами - <head> и </head> ставим

Code
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen">  
  <link rel="stylesheet" type="text/css" href="css/slider.css" media="screen">  
  <link rel="stylesheet" type="text/css" id="skin" href="css/skins/sky-blue.css" media="screen">  

  <!--[if IE]>  
  <link rel="stylesheet" type="text/css" href="css/ie.css" media="all">  
  <![endif]-->  

  <!-- Javascripts -->  
  <script type="text/javascript" src="js/jquery.min.js"></script>  
  <script type="text/javascript" src="js/jquery.nivoslider.pack.js"></script>  
  <script type="text/javascript">  
  // Nivo Slider Опции  
  $(document).ready(function(){  
  $("#slider").nivoSlider({  
  effect: 'random', //Укажите наборы, как: «fold, fade, sliceDown"  
  slices: 20,  
  pauseTime: 5000,  
  directionNavHide: false,  
  pauseOnHover: true, //Остановить анимацию при наведении указателя  
  manualAdvance: false, //Силы ручной переходы  
  captionOpacity: 0.8 //Универсальная подпись непрозрачность  
  });  
  });  
  </script>


И там где хотим видеть данный - "jQuery Slider v0.7" ставим между <body> и </body> ставим код

Code
<!-- BY LEKUS 2012 -->  
  <div id="wrapper">  
  <div id="header_container">  
  <div id="header">  
  <div id="slider_container">  
  <div id="slider">  
  <a href="http://www.ufacer.ru/" target="_blank">  
  <img src="images/slider/slide1.jpg" width="940" height="350" alt="">  
  </a>  
  <a href="http://www.ufacer.ru/" target="_blank">  
  <img src="images/slider/slide2.jpg" width="940" height="350" alt="">  
  </a>  
  <a href="http://www.ufacer.ru/" target="_blank">  
  <img src="images/slider/slide5.jpg" width="940" height="350" alt="">  
  </a>  
  <a href="http://www.ufacer.ru/" target="_blank">  
  <img src="images/slider/slide4.jpg" width="940" height="350" alt="">  
  </a>  
  </div>  

  </div>  

  </div>  

  </div>


Собственно данные ссылки "http://www.site.ru/" меняем на свои ( или своих партнеров )

Если вы желаете добавить количество картинок в данной разработке делаем следующие

Code
<a href="http://www.ваша ссылка.ru/" target="_blank">  
  <img src="images/slider/путь картинки.jpg" width="940" height="350" alt="">  
  </a>


демо можно посмотреть - ЗДЕСЬ

Вот собственно и все, нет не чего сложного вовсе!

Желаю успехов....

Спасибо за ваше внимание с уважением - Златьев Дмитрий

По всем вопросом обращайтесь в ЛЧ

LEKUS 2012
Автор публикации: Загрузка
Загрузка
LeKcUs, это его n материал
Источник: http://www.ufacer.ru/
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
  • waak написал:
  • и ещё забыл добавить что использую модуль каталог сайтов
  • waak написал:
  • Почему у меня он перелистывает в верх а не вниз и если это первая песня на стр то он её по кругу гоняет а не переходит к последней
    и как сделать стоп по клику на трек который играет?
  • Acht написал:
  • Тест
    Последние темы
    Опрос
    255
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 2
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: