Главная » 2011 » Ноябрь » 14 » Красивый слайдер картинок через плагин Nivo Slider на jQuery (Javascript)
14.11.2011, 09:33

Красивый слайдер картинок через плагин Nivo Slider на jQuery





ДЕМО МАТЕРИАЛА

Установка:

После /head на нужных страницах вставляйте:
Code
<link rel="stylesheet" href="/css/nivo-slider.css" type="text/css" media="screen" />  
  <link rel="stylesheet" href="/css/style.css" type="text/css" media="screen" />

Следующий код в то место, где будет сам слайдер:
Code
<div id="slider-wrapper">  
  <div id="slider" class="nivoSlider">  
  <img src="Ссылка на картинку"title="Описание картинки" />  
  <a href="Ссылка на картинку" alt="" title="Описание картинки" /></a>  
  <img src="Ссылка на картинку" title="Описание картинки" />  
  <img src="Ссылка на картинку" title="Описание картинки" title="#htmlcaption" />  
  </div>  
  </div>

Далее в самый низ после тега /body вставляйте:
Code
<script type="text/javascript" src="/js/jquery.nivo.slider.pack.js"></script>  
  <script type="text/javascript">  
  $(window).load(function() {  
  $('#slider').nivoSlider();  
  });  
  </script>

Осталось лишь залить скрипт из прикреплённого архива в папку js, два стиля в папку css и все картинки в папку images
Материал взят с сайта infoscript.ru
Теги: Скачать Красивый слайдер картинок через плагин Nivo Slider на jQuery
Скачать "Красивый слайдер картинок через плагин Nivo Slider на jQuery"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: siteforsites.ru
Категория: JavaScript's | Просмотров: 4504 | Добавил: manikom-auto | Рейтинг: 4.0/1 |
Теги: через, картинок, Nivo, плагин, На, красивый, слайдер, slider, jQuery
Всего комментариев: 2
0  
1 Voker -Infoscript Team-  (27.01.2012 00:18) [Материал]
Аватар пользователя
siteforsites.ru дак это же не автор эти все скриаты на jQuery я видал на www.apo-ucoz.com (не реклама)

0  
2 Voker -Infoscript Team-  (27.01.2012 00:20) [Материал]
Аватар пользователя
(www.apo-ucoz.com/load/65-1-0-1981) вот ссылка на новость

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]