Слайдер на jQuery
Встречается в сети бессчетно неодинаковых слайдеров фоток и прочего контента на jQuery и иных фреймворках. Представлем вам еще один-одинехонек небольшой слайдер на jQuery, какой автор наименовал LiveSlider.
Постарались сделать максимально простую установку и использование плагина. Вкалывает с jQuery 1.2.3+ или более поздней версией.
Устанавливается вытекающим образом:
1)Загружаем папку liveSlider в папку сайта
2)Добавляем на страницу вытекающий код:
<!-- Добавить в <head> или в место вставки слайдера -->
<link rel="stylesheet" type="text/css" href="/liveSlider/style.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.2.3.min.js"></script>
<script type="text/javascript" src="/liveSlider/liveSlider.js"></script>
<script type="text/javascript">
var liveSlider;
jQuery(function($){
liveSlider = $('.gallery').liveSlider({
slideshow: false,
slideshowPeriod: 2000,
slidebycenter: true
});
});
</script>
<!-- Добавить в место вставки слайдера, задает картинки и текст -->
<div class="gallery">
<div>text</div>
<img src="/image/1.jpg" />
</div>
<!-- Если нужно переключение на произвольную картинку - добавляем -->
<div>
<a href="" onclick="liveSlider.liveSlider('moveTo',1); return false;"><img src="/imagethumb/1.jpg"/></a>
<a href="" onclick="liveSlider.liveSlider('moveTo',2); return false;"><img src="/imagethumb/2.jpg"/></a>
</div>