jQuery Slider v0.7


jQuery Slider v0.7

2039
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 2110
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • LeKcUs написал:
  • В самый конец просто добавьте вот такие теги... И у Вас не будет больше возникать вопросов! cry

    <!-- </popup> -->$POWERED_BY$<!-- <popup> -->
  • invitesystem написал:
  • Скачал архив, залил сайт, но проблема с кодом для вставки в конструктор шаблонов. Какие-то в нём знаки вопроса и без обязательного $POWERED_BY$
  • Marishka написал:
  • Можно, включите фантазию. Бесплатно никто ничего делать не будет.... Данный скрипт то написали так как попросили happy
  • BLAzER написал:
  • А на условных операторах это не сделать?
  • Вовчик написал:
  • Кто-то недавно об этом спрашивал
    Последние темы
    Опрос
    423
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 5
    Гостей: 5
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: