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

jShowOff: a jQuery Content Rotator

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

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

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

  1. the jQuery Core JavaScript Library (1.3 и выше)
  2. jquery.jshowoff.min.js

Чтобы получить 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 Время показа каждого слайда в миллисекундах.

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

Shore
Eddie

HTML Slide

Example of an HTML slide.

Lorem ipsum dolor sit amet, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam.

Learn More ›

Flower
Fern

Sliding Effect & Custom Labels Demo

Shore
Eddie

HTML Slide

Example of an HTML slide.

Lorem ipsum dolor sit amet, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam.

Learn More ›

Flower
Fern

Control-less, Effect-less Demo

Shore
Eddie

HTML Slide

Example of an HTML slide.

Lorem ipsum dolor sit amet, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam.

Learn More ›

Flower
Fern

Re-styled Thumbnail Demo

Mountain
Mountain
Mountain
Mountain

 

Скачать

 

© Компания Вебджем.рф 2009 - 2015 | Заказ сайтов webmaster@вебджем.рф


Яндекс.Метрика