Доброго времени суток пользователям и гостям моего блога. Хочу представить вашему вниманию отличный слайдер с потрясающими еффектами под именем NIVO Slider. Прекрасный слайдер любых ваших изображений. Приятное оформление и впечатляющие эффекты смены изображений не оставят вас равнодушным.
Особенности слайдера:
множество уникальных эффектов перехода
простой в установке
валидный код
возможность повесить на картинки ссылки
упакованная версия весит всего 15kb
Поддержка браузеров:
Internet Explorer v7+
Firefox v3+
Google Chrome v4+
Safari v4+
Opera v10+
Demo: NIVO Slider
Скачать архив: DOWNLOAD NIVO Slider
Установка:
После </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>
С вами был SkaN и незабудте залить файлы на сайт!
Все вопросы задавать тут: NIVO Slider
Источник: SKANSTUDIO
