jQuery Slider v0.7


jQuery Slider v0.7

2026
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 2105
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • LeKcUs написал:
  • Спасибо... А вот насчет "Но вот баги" можно поконкретнее???
  • CbIPoK2513 написал:
  • Интересная задумка и реализация.. Но вот баги.. А так хорошо.
  • LeKcUs написал:
  • Запомни раз и на всегда... Все файлы ВСЕ с окончанием .swf пишутся в Adobe Flash. Я лично пишу в Adobe Flash CS6 cool Я скоро выложу новый шаблон более интересный...
  • Winston888 написал:
  • Я с флешь не сталкивался поэтому интересно файл main.swf ты сам писал ? Если да то через что ?
  • LeKcUs написал:
  • Я думаю что следующая версия будет по дизайну лучше! Ждите.... cool
    Последние темы
    Опрос
    414
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 5
    Гостей: 4
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: