Widget – “Красивый слайдер изображений (Nivo) на jQuery”

Widget – “Красивый слайдер изображений (Nivo) на jQuery”

Идеальный слайдер изображении для вашего блога это плагин Nivo Slider.
Nivo Slider это красивый и богатый по своим возможностям слайдер, который имеет 9 различных эффектов изображений и прост в использовании...


Для того чтобы добавить этот виджет - вы должны:


1. Зайти в Дизайн ---> Элементы страницы ---> Добавить гаджет ---> HTML/javascript

2. В строке Содержание в вашем гаджете - вставьте следующий код:

<link rel="stylesheet" href="http://bloggerhelp.ru/files/slide/3/scripts/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://bloggerhelp.ru/files/slide/3/style.css" type="text/css" media="screen" />

<div id="wrapper">
<div id="slider-wrapper">

<div id="slider" class="nivoSlider">
<img src="http://bloggerhelp.ru/files/slide/3/images/toystory.jpg" alt="" />
<img src="http://bloggerhelp.ru/files/slide/3/images/up.jpg" alt="" />
<img src="http://bloggerhelp.ru/files/slide/3/images/walle.jpg" alt="" />
<img src="http://bloggerhelp.ru/files/slide/3/images/nemo.jpg" alt="" />
</div>

</div>
</div>
<script type="text/javascript" src="http://bloggerhelp.ru/files/slide/3/scripts/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="http://bloggerhelp.ru/files/slide/3/scripts/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({directionNavHide:false});
});
</script>



3. Всё!