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. В Chromefadeover переходах меняются местами против переходы между слайдами игнорировать Холст Буг в 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

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