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

KenBurner Slider jQuery Plugin

— Додатки до WorldWideScripts.net

Підпишіться на наш канал, щоб залишатися в курсі подій!

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


KenBurner Плагін JQuery Slider - WorldWideScripts.net пункт для продажу

Ads

Ad: Bluehost hosting

Натисніть тут слідують Envato

KenBurner слайдер JQuery плагін

Що це таке ?

Kenburner є премією способом за допомогою повзунка на вашому сайті. Поєднання ефект Кена Бернса, впроваджений слайдер і анімації тексту визначає цей повзунок .

Адаптувати слайдер з трохи HTML і CSS, щоб ваші потреби дуже . Дайте кожному слайдер деякі підписи для перевезення Вашого повідомлення. Використовуйте свій Кена Бернса анімовані елементи банер з можливістю гри YouTube і Vimeo кліпи у спеціальному Переглянути докладно з описом тексту.

Випуск v.1.3 ( 19.08.2012 )

  • Chrome головна помилка з ескізами і Canvas Анімація виправлена. Тінь видаляється з мініатюр в Chrome
  • Нова функція таймера була додана ( showTimer вкл / викл через параметри, а Settings.css )
  • Пауза відображається значок у правому верхньому кутку (через settings.css можна стилізувати або видалено)

Кріплення помилка 16.05.2012

  • Плагін Конфлікт було вирішено всередині плагіна cssAnimation

Кріплення помилка і нові можливості 10.05.2012

  • Тінь вліво / вправо / повторний ремонту. Деякі помилка розміру була відремонтована
  • У набір опцій Ширина / Висота налаштуваннях не було рівних Outter проклейки Прапора. Це питання було відновлено ! Обережний, якщо ви оновлюєте до нової версії, ваш контейнер буде 20px менше через Прокладки і меж !
  • Додана нова опція для включення / виключення Полотно помилка Google Chrome. У Chrome fadeover переходах міняються місцями проти переходи між слайдами ігнорувати Полотно Буг в Chrome

Google Chrome помилка / Fade Перехід помилка 09.05.2012

Покійним GoogleChrome Update ( 18.0.1025.168 ) має деякі помилки в Canvas рендеринга . Через цю помилку зникають з плином перехід не буде працювати нормально між слайдами. Ви побачите деякий мерехтіння, змінивши між слайдами з плавної зміни . Оскільки ця проблема не існує в IE або FF Ми можемо тільки надати вам невеликий обхідний шлях, де плагін автоматично ігнорувати зникати переходи в Google Chrome. Якщо ви зацікавлені, будь ласка, завантажте наш наступному оновленні!

За допомогою опціонального repairChromeBug : "на" Ви можете вирішити, коли ви хочете змінити автоматично зникати перехід від слайда в Chrome .

Спасибо большое, і якщо у Вас виникли питання, будь ласка, не соромтеся зв'язатися з нами за http://themepunch.ticksy.com !

Додаткові Функція оновлення з 10 лютого 2012 р.

Будь ласка, використовуйте Документація шлях оновлення для оновлення попередньої версії.
  • Додана функція Лінивий завантаження . Встановлюється за допомогою опції скільки слайдів повинна бути попередньо завантажені
  • За допомогою Google шрифтів спрощується. Просто встановіть опцію через Google шрифтів і JS бібліотеки.
  • JS бібліотеки зведена до мінімуму і об'єднані. Прибуток : швидке завантаження бібліотеки

Додаткові Функція оновлення від 8 лютого 2012

  • Авто тримач розрахунковий розмір контейнера залежно від Thumnail Прапора і розмірів
  • Відео Символ на великих пальцях (вкл / викл) додана опція
  • Автоматичний слайдер варіант
  • Додаткова панель інструментів Bulletpoint

Оновлення з 1 лютого 2012 року

  • IE8 другу помилку Презентація видалені
  • Відео Roll Over помилка в IE7 і IE8 видалені
  • cssAnimate JS помилку видалені

Так що ж такого нового ?

Для кращої продуктивності він використовує HTML5 Canvas Animation . Якщо це не можливо у вашому браузері це буде повернення до анімації CSS. А якщо ви використовуєте браузер, яка не цього буде повернення до JQuery версії. Так він працює на будь-якому сучасному браузері ( включаючи IE7 / 8) і на мобільних пристроях з максимально можливої ​​продуктивності !

Кена Бернса є повністю настроюється : Start-, кінцева точка, збільшення або зменшення масштабу, масштабу перебувають у різних параметрів слайдера. Або сходити з розуму і виберіть " Random " !

І не забувайте, що ви не тільки можете оживити свою фотографію переходи і ефект Кена Бернса, але елементи (текст, значки, фотографії ... ) на кожному слайді теж. Ви можете створювати необмежену кількість об'єктів і дозволяє представити їх зі смаком!

Чи означає це дійсно працює на всіх браузерах і на мобільних телефонах ?

Звичайно, це працюєкожен сучасний браузер ( включаючи IE7 / 8)і даліIOS ( Ipad, iPhone )іAndroidмобільних пристроїв завдяки своїй резервної системи 3 шари .Сенсорний серветкидля IOS і Android мобільних пристроїв, звичайно, включені.

Виїзд мобільної версії

Які особливості ?

  • Зображення і пальці повністю змінними розмірами
  • Використання Полотно анімації з поверненням до анімації CSS, а також з поверненням до JQuery
  • Додатковий ефект Кена Бернса
  • Напис необмежену кількість шарів
  • Необмежена Слайди
  • Настроювані Ken Burns Effect ( StartEnd -положенні і зуму чи випадкових )
  • iPhone / IPad і Android Swipe сенсорному
  • Конфлікт JQuery безкоштовний плагін
  • Настроюється 100 % через Параметри плагіна / CSS / HTML
  • Легка установка на вашому сайті
  • Спеціальні пом'якшення
  • Приклад сторінки включені
  • Приклад ефекту зображення Інструкція PSD включені
  • 2 фотографії використовуються для Hover - ефекти, так що ви можете побудувати кожен ефект, який ви хочете (розмиття, відтінки сірого ... ) зі своїм улюбленим інструментом зображення

Невже так важко реалізувати?

Ні! Це типовий спосіб реалізаціїJQueryплагін. Вам просто потрібно знати трохи HTML і Javascript .
Даний приклад є дивним точці початку побудувати свій власний слайдер з нього. Покладіть JS і CSS посилання в голові вашого сайту HTML і покласти в деяких DIV елементи для ваших деталей.

Ефект розмиття переходу заснований на зміні 2 зображення . Наша інструкція PSD дає knowlegde відтворити цей ефект на ваших фотографіях .


Картину, що і у вікні попереднього перегляду, ліцензовані у Fotolia і не включені в завантаження . Завантажити цей пункт містить заміщають зображення з розмірами етикетки .

WordPress Теми від ThemePunch

WordPress 3.3 сумісна Величезні користувача панелі адміністратора необмежений кольору Необмежені портфелі Необмежена Sidebars

WordPress Теми від ThemePunch

БІЗНЕС PREMIUM УРАХУВАННЯМ WordPress тема SEO ВАРІАНТИ AVERIS WordPress 3.3 сумісних мобільних Оптимізоване розташування короткі необмежений кольору Highlight Unlimited Повною мірою враховують Макет оптимізований для Iphone, Ipad WordPress 3.3 сумісна Повідомлення формати відео, зображення, відсторонити Макети сторінок Величезний користувацького макета адмін- панеліWordPress 3.3 сумісна Величезні користувача панелі адміністратора необмежений кольору Необмежені портфелі Необмежена Sidebars

Компоненти ThemePunch

KER8IJRNER The Ultimate Кен Btrns SUderl настроюється Кен Bums Ефект вільно Positionabte HTML заголовків HTML Caivas анімації з анімацією FaliBackJfluery Глибока Зв'язок розбивку Чуйний Ширина фіксований розмір і Youtube Підтримка фонового зображення слайд -шоу і плитки JQuery Колесо миші Suppot сенсорним серветки IOS і Android мобільних пристроїв анімації з JQuery FaUBack Працює сучасних браузерахHTI4 ефект паралакса . Підписи сенсорним серветки для Лося і Android мобільних пристроїв CSS анімації MIT FallBack jQyery Працює сучасної парадигми браузерів хіти sbdef


Завантажити
Інші компоненти в цій категоріїВсі компоненти цього автора
КоментаріЧасті питання та відповіді

Властивості

Дата створення:
8 12 січня

Останнє оновлення:
17 13 лютого

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

Software Version:
JQuery

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

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