Слайдер на jQuery
Встречается в сети бессчетно неодинаковых слайдеров фоток и прочего контента на jQuery и иных фреймворках. Представлем вам еще один-одинехонек небольшой слайдер на jQuery, какой автор наименовал LiveSlider.
Постарались сделать максимально простую установку и использование плагина. Вкалывает с jQuery 1.2.3+ или более поздней версией.
Встречается в сети бессчетно неодинаковых слайдеров фоток и прочего контента на 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>
