00:25
Прекрасный слайдер любых ваших изображений. Приятное оформление и впечатляющие эффекты смены изображений не оставят вас равнодушными
Для начала посмотрите ДЕМО
Установка:
После /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
Источник: http://www.yellowlemon.net
