Слайдер на jQuery River Slide

jQuery-слайдер River Slide, инструкция пользователя, примеры использования, исходные файлы.

Уважаемые дамы и господа!

Перед Вами моя разработка под названием «River Slide»!
Это jQuery слайдер с оригинальной анимацией, не имеющий аналогов.
Он очень прост, придает сайтам отличный динамичный вид всего за пару минут.
River Slide успешно был внедрен на сайте фирмы ландшафтного дизайна «Ландбюро».

Скачать RiverSlide 1.0

Как использовать:

  1. Подключитить jQuery
  2. Подключить стили и скрипты «River Slider'а»
  3. Создать DOM элементов слайдера:
    <div class="riverslide-wrap">
    	<ul class="riverslide">
    		<li>
    			<img src="images/1.jpg" alt="">
    		</li>
    		<li>
    			<img src="images/2.jpg" alt="">
    		</li>
    		<li>
    			<img src="images/3.jpg" alt="">
    		</li>
    		<li>
    			<img src="images/4.jpg" alt="">
    		</li>
    	</ul>
    	<div class="riverslide-over"></div>
    </div>
    		
  4. Настроить слайдер
    $(document).ready(function(){
    	$('.riverslide').riverSlide({
    		sliderSpeed: 800,
    		slideInterval: 50,
    		timer: 5,
    		sliderWidth: 600,
    		separateWidth: 6,
    		sliderHeight: 337
    	});
    });
    	
Настройка Описание Значение по умолчанию
sliderSpeed Интервал времени, за который один фрагмент слайдера полностью спустится вниз, мс. 300
slideInterval Интервал времени между стартом текущего и следующего фрагмента слайдера, мс. 300
timer Интервал времени между сменой активной картинки слайдера, с. 2
sliderWidth Ширина слайдер, px 600
separateWidth Ширина разделительной полосы между фрагментами слайдера, px 3
sliderHeight Высота слайдера, px 337

Вот еще примеры:

$(document).ready(function(){
	$('.riverslide2').riverSlide({
		sliderSpeed: 700,
		slideInterval: 200,
		timer: 6,
		sliderWidth: 600,
		separateWidth: 0,
		sliderHeight: 337
	});
});



$(document).ready(function(){
	$('.riverslide3').riverSlide({
		sliderSpeed: 3000,
		slideInterval: 200,
		timer: 10,
		sliderWidth: 600,
		separateWidth: 4,
		sliderHeight: 337
	});
});

Скачать RiverSlide 1.0

Разработка совместно с:
Что сделано:
  • Разработка на JavaScript и jQuery

Дата выполнения:
01.08.2012

Ссылка на сайт:
http://свирский.рф