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 жовтня одинадцять

Останнє оновлення:
17 серпня тринадцять

Сумісні Браузери:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

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

Версія:
JQuery

Ключові слова

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