WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Sliders

jQuery Responsive OneByOne Slider Plugin

— Дополнения к WorldWideScripts.net

Подпишитесь на наш канал, чтобы оставаться в курсе событий!

Новинка! Следуйте за нами, как вы хотите!


jQuery Responsive OneByOne Slider Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

OneByOne слайдер представляет собой легкий, отзывчивый и слоистых плагин JQuery вы можете использовать для отображения изображение и текст по одной. CSS3 анимация управляется Animate.css. Ита € ™ с мобильной среды, которые поддерживают протрите влево / вправо на сенсорном устройстве, как iPhone и IPad. Вы можете перетащить перемещаться с помощью мыши тоже. Последнее обновление добавить дополнительный пример, которые делают Twitter Bootstrap карусель поддерживать один на один анимации.

следовать Новости

Теперь Ита € ™ S доступен в WordPress (нажать на изображение ниже)

WordPress плагин

Изменить журналы (пожалуйста, повторно загрузить его, если вы покупаете его раньше)

(обновление 15 мая 2013)
  • Обновление до 1.9.1 JQuery, и использовать Modernizr обнаружить поддержку CSS3 перехода. Вы можете повторно загрузить исходный пакет, если хотите, чтобы использовать его с JQuery 1.9.1.
(обновление 14-Nov-2012)
  • Интеграция с Bootstrap карусель. Вы можете использовать его на вашей любимой рамках предприятием.
  • Добавить autoHideButton вариант, установите ложное, чтобы сделать стрелки всегда будет видно.
  • Обновите справочной документации.
(обновление 14 сентября 2012)
  • Добавить отзывчивый пример.
  • Добавить к выцветанию переход в IE9-, который doesnâ € ™ т поддерживать CSS3 переход.
  • Теперь вы можете настроить каждый slideâ € ™ с анимацией, даже каждый элемент в slideâ € ™ с анимацией.
  • Добавить наведении на паузу вариант слайд-шоу.
  • Добавлено â € € ™ ~fadeInLeftBigâ, â € € ™ ~fadeInRightBigâ, â € € ™ ~fadeInUpBigâ, â € € ™ ~fadeInDownBigâ, â € € ™ ~flipInXâ, â € € ™ ~flipInYâ, анимации € ~lightSpeedInâ € ™,
  • Устранены ошибки: ссылка Кана € ™ т быть нажата в ИУ.
  • Обновление для JQuery 1.8.1.

Купите расширенную лицензию?

Я признателен, если вы можете поставить это Itema € ™ с ссылку в Itema € ™ с описанием. Просьба указывать только уменьшенная версия JS файла на тему, и один расширенный лицензия может быть использования на тему только.

Особенности:

  • CSS3 инициативе анимация, аппаратным ускорением CSS3 переходы для поддерживаемых современном браузере.
  • Отзывчивый поддержка, примером включены.
  • Мобильная дружелюбный, вы можете использовать его на сенсорном устройстве.
  • Ита € ™ с легкий, сжатый Javascript только 4kb.
  • Дополнительный автоматический задержка слайд-шоу, дополнительный дрейф, чтобы приостановить слайд-шоу.
  • Каждый слайд или Elementa € ™ с анимации могут быть настроены.
  • Дополнительное сопротивление функция мыши.
  • Дополнительный стиль анимации, может быть в произвольном или любого другого типа.
  • Дополнительно стрелки и кнопки.
  • Справка входит в пакет исходных кодов.
  • Бесплатное обновление можно скачать будущей обновления бесплатно.

О CSS3 перехода

Примечание: CSS3 переход работает только в браузере, как современной Firefox, Сафар и Chrome. Какие doesnâ € ™ т работу в IE7, 8 и 9, то кажется IE 10 будет поддерживать его.

Для JQuery 1.8.0 пользователь

Это кажется, что есть ошибка с JQuery 1.8.0, скачайте несжатого версию JQuery и комментарий линии 4521, то этот плагин будет работать нормально.
 // Бросить новый Ошибка ("Синтаксическая ошибка, непризнанный выражение:" + MSG); 

Доступные настройки плагинов

 // Имя оболочки по Имя класса: "oneByOne", // Имя класса обертки DIV в каждой слайдер sliderClassName: «oneByOne_item", // Пауза автоматического слайд-шоу задержки при наведении пользователем pauseByHover: правда, // Глобальная простота стиль анимации, // Вступили в силу, если вы не предопределены его в элементе easeType: «fadeInLeft", // Ширина ползунка ширина: 960, // Высота ползунка высота: 420, // Задержка сенсорного / сопротивления анимации Задержка: 300, // Допуск сенсорного / сопротивления Допуск: 0,25, // Включить или отключить функцию перетаскивания мышью enableDrag: правда, // Отобразить предыдущую / следующую стрелку или нет showArrow: правда, // Auto Hide стрелки, когда пользователь оставить ползунок или не autoHideButton: правда, // Отобразить круг кнопки или нет showButton: правда, // Auto Play ползунок или не Слайд-шоу: ложь, // Задержка мс в slidershow slideShowDelay: 3000, // Установить реагировать на верно, когда вы будете менять // Размер ползунка с запросом СМИ в CSS реагировать: правда // Когда слайдер меньше MinWidth, // Тексте скрыты в реагировать MinWidth: 480 

Доступные easeType

â € € ™ ~fadeInâ, â € € ™ ~fadeInUpâ, â € € ™ ~fadeInDownâ, â € € ™ ~fadeInLeftâ, â € € ™ ~fadeInRightâ, â € € ™ ~fadeInRightâ, â € € ~bounceInâ ™, € ~bounceInDownâ € ™, â € € ™ ~bounceInUpâ, â € € ™ ~bounceInLeftâ, â € € ™ ~bounceInRightâ, â € € ™ ~rotateInâ, â € € ™ ~rotateInDownLeftâ, â € € ~rotateInDownRightâ ™, € ~rotateInUpLeftâ € ™, â € € ™ ~rotateInUpRightâ, â € € ™ ~fadeInLeftBigâ, â € € ™ ~fadeInRightBigâ, â € € ™ ~fadeInUpBigâ, â € € ™ ~fadeInDownBigâ, â € € ™ ~flipInXâ, â € ~ flipInYâ € ™, â € € ~lightSpeedInâ ™ или € ~randomâ € ™

Кредит

Animate.css от Dan Эдема.
Фоновое изображение в загрузочный например от Фотографии8.

Рекомендации для вас

XML-изображения / видео Сетка Галерея:
Сетка Галерея
Шаблон AS3 флэш Fotography:
фотография

Скачать
Другие компоненты в этой категорииВсе компоненты этого автора
КомментарииЧасто задаваемые вопросы и ответы

Свойства

Созданный:
24 окт 11

Последнее обновление:
17 августа 13

Совместимые Браузеры:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Файлы, включенные:
JavaScript JS, HTML, CSS

Версия ПО:
JQuery

Ключевые слова

электронной коммерции, электронной коммерции, Все детали, анимация, Автоматическая задержка, баннер ротатор, CSS3, бремя, IOS, JQuery, мобильный, по одному, отзывчивый, поворотное устройство, ползунок, слайд-шоу, коснуться, протирать