Слайдер картинок Nivo Slider v2.3.1

Nivo слайдер один из самых визуально приятных слайдеров и довольно функциональный и продуманный. Например, если навести мышку на картинку в слайдере, то сразу же появляются стрелочки слева и справа позволяющие открыть следующий слайд. Так же внизу под слайдером есть навигация, при чем, она может состоять как из миниатюр картинок так и в виде значков или списком. Слайдер позволяет для каждого слайда задавать текст подсказку и ссылки. У слайдера настраиваются различные красивые эффекты перехода, скорость анимации и другие параметры, но тут палка на двух концах либо красивые эффекты либо быстродействие, слайдер не критично, но ощутимо грузит процессор на слабых ПК. Слайдер использует библиотеку jQuery

Структура html

<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

<div id="wrapper">
<div id="slider-wrapper">
<div id="slider" class="nivoSlider">
<img src="images/toystory.jpg" alt="" />
<a href="http://yellowlemon.net"><img src="images/up.jpg" alt="" title="This is an example of a caption" /></a>
<img src="images/walle.jpg" alt="" />
<img src="images/nemo.jpg" alt="" title="#htmlcaption" />
</div>
<div id="htmlcaption" class="nivo-html-caption">
<strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
</div>
</div>
</div>

<script type="text/javascript" src="scripts/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
</script>