Главная » Файлы » Прочие скрипты » jQuery

Красивый слайдер картинок через плагин Nivo Slider на jQuery для uCoz
23.06.14, 14:33:11

Скачать файл




Прекрасный слайдер любых ваших изображений. Приятное оформление и впечатляющие эффекты смены изображений не оставят вас равнодушными

Для начала посмотрите ДЕМО

Установка:

После /head на нужных страницах вставляйте:
Код
<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" />


Следующий код в то место, где будет сам слайдер:
Код
<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 вставляйте:
Код
<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

Источник: http://www.yellowlemon.net

Материал подготовлен Apocalypse

Категория: jQuery | Добавил: Apocalypse | Теги: nivo, картинок, Через, красивый, на, плагин, JQuery, Slider, для, слайдер
Просмотров: 266 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: