jQuery плагин - jShowOff: a jQuery Content Rotator

jShowOff: a jQuery Content Rotator

jShowOff: JQuery Содержит слайдер котента и изображений, является JQuery плагином для создания вращающегося содержимого модуля. Она работает путем создания "слайдов" из дочерних элементов (например, <li> ) внутри указанного элемента оболочки (например, <ul> ), на котором вызывается jshowoff () . Затем он отображает это как слайды, с опциями для управления, связи и многое другое. Этот тип модуль часто используется для создания страниц, разделов и других возможностей на сайте.

Здесь переведены полные настройки плагина каторые Вы можете реализовать самостоятельно.

Требуемые файлы

Чтобы получить jShowOff и оно работало, просто включите выше указанные файлы на вашей странице, создайе необходимую разметку слайдов и вызова метода (см. пример ниже). Вы можете использовать стандартный скин (jshowoff.css) из демо-версии или Restyle элементы по своему вкусу.

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

Необходимых для разметки jShowOff является родительский элемент с одним или более дочерних элементов, которые используются в качестве "слайдов". Ниже приводится простой пример:

	<div id="features">
	<div><p>This is a slide!</p></div>
	<div><a href="http://google.com"><img src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="Google Logo" /></a></div>
	</div>
	<script type="text/javascript">

	$(document).ready(function(){ $('#features').jshowoff(); });
	</script>

Функции

jShowOff есть несколько вариантов для настройки. Передайте эти параметры объекта .jshowoff() следующим образом:

$('#features').jshowoff({ speed:1500, links: false }); });

Значение	Тип	По умолчанию	Описание
animatePause	boolean	true	Следует ли использовать анимацию текста "Пауза", когда пауза.
autoPlay	boolean	true	Начать играть немедленно.
changeSpeed	integer	600	Скорость перехода в миллисекундах.
controls	boolean	true	Нужно ли создавать и отображать элементы управления (Play/Pause, Previous, Next).
controlText	object	{ play:'Play', pause:'Pause', previous:'Previous', next:'Next' }	Текст, используемый для управления (Play/Pause, Previous, Next). Многоязычная поддержка и т.д.
cssClass	string	true	Добавить дополнительные пользовательские классы. Jshowoff обертки.
effect	string	'fade'	Тип эффекта перехода: 'исчезать', 'slideLeft' или 'нет'.
hoverPause	boolean	true	Использовать ли паузу при наведении.
links	boolean	true	Нужно ли создавать и отображать числовые ссылки на каждом слайде.
speed	integer	3000	Время показа каждого слайда в миллисекундах.

Кроме того, значение названия атрибута на 'слайд' элементы будут вставлены как текст для соответствующей "слайд ссылки" вместо числового значения по умолчанию.