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

— Add -On per WorldWideScripts.net

Rep les nostres RSS per estar al dia!

Nou! Segueix-nos com vulguis!


KenBurner Botó lliscant jQuery Plugin - WorldWideScripts.net article en venda

Ads

Ad: Bluehost hosting

Fes clic aquí segueixi Envato

KenBurner Botó lliscant jQuery Plugin

Què és ?

Kenburner és la forma superior de la utilització d'un regulador al seu lloc web . Una combinació d'efecte Ken Burns, l'estat de la tècnica de control lliscant i text Animacions defineix aquest control .

Personalitzar aquest slider amb una mica d'HTML i CSS per les necessitats particulars. Doneu a cada deslliçador alguns títols per al transport del seu missatge . Utilitzeu les seves Burns animats elements de pancarta Ken amb la possibilitat de jugar a YouTube i Vimeo clips a una vista de detall especial amb la descripció de text .

Release v.1.3 ( 19.08.2012 )

  • Chrome Bug Major amb miniatures i animació llenç fix . Shadow es retira de Miniatures a Chrome
  • Nova funció del temporitzador s'ha afegit ( showTimer on / off a través d'Opcions i Settings.css )
  • Icona de pausa es mostra a la cantonada superior dreta ( via settings.css pot ser d'estil o eliminat)

Bug Fixació 16.05.2012

  • Conflictes plugin ha estat resolt dins del plugin cssAnimation

Correcció d'errors i les noves característiques 10.05.2012

  • Shadow esquerra / dreta / repetir reparat . Alguns errors de grandària ha estat reparat
  • En conjunt els ajustos Ample / Alt opció no va ser igual a outter dimensionament de Banner . Aquest tema ha estat reparat ! Compte, si s'actualitza a la nova versió, el contenidor serà de 20 píxels més petits a causa dels farcits i les fronteres !
  • Afegida nova opció per activar / desactivar l' Chrome Bug Canvas Google . En Chrome les transicions fadeover s'intercanvien contra les transicions de diapositives d'ignorar el Bug llenç en crom

Google Chrome Bug / esvaïment de transició Bug 09.05.2012

El lates GoogleChrome Update ( 18.0.1025.168 ) té alguns errors en la representació de la lona . Per aquesta Bug Fade Over transició no tindran cap problema entre les diapositives . Vostè veurà alguns parpelleig en canviar entre diapositives amb transicions de fos . Atès que aquest problema no existeix en l'IE o FF només podem donar una petita solució en el connector d'ignorar automàticament transicions de fos a Google Chrome . Si vostè està interessat, si us plau descarregui la nostra propera actualització!

A través de l'opció repairChromeBug : "on" pot decidir en qualsevol moment per canviar automàticament la transició de fos contra la transició de diapositives a Chrome .

Moltes gràcies, i si vostè té qualsevol pregunta, si us plau no dubti en posar-se en contacte amb nosaltres a través de http://themepunch.ticksy.com !

Update addicional Característica de 10 de febrer 2012

Utilitzeu la documentació Ruta d'actualització per actualitzar la seva versió anterior .
  • Afegit funció de Lazy Loading . Establir a través de l'opció quantes diapositives han precarregat
  • Usant Google Font es simplifica . Només has de configurar a través de l'opció de font google i la biblioteca js .
  • JS Library es redueix al mínim i es va fusionar . Resultat : càrrega més ràpida de la Biblioteca

Update addicional Característica de 08 de Febrer 2012

  • Acte Calculat suport del contenidor de mida depenent de Banner i mides thumnail
  • Vídeo símbol en Thumbs ( on / off ) Opció Alta
  • Opció lliscant Acte
  • Toolbar Bulletpoint opcional

Actualització del 1 febrer 2012

  • IE8 segon error Slide eliminat
  • Vídeo Roll Over en IE7 i IE8 Bug eliminat
  • cssAnimate JS error eliminat

Llavors, què és el nou ?

Per obtenir la millor perfomance que utilitza HTML5 Canvas Animation . Si això no és possible en l'explorador que es replegarà per CSS Animació . I si feu servir un navegador que no aquesta ho farà retrocedir a una versió de jQuery . Així que funciona en tots els navegadors moderns ( incloent IE7 / 8 ) i en els dispositius mòbils amb el millor rendiment possible !

El Ken Burns és totalment personalitzable : Start -, punt final, apropar o allunyar, Factor de zoom estan tots en els diferents paràmetres de control lliscant . O es tornen bojos i selecciona " Random " !

I no us oblideu que vostè no només pot animar els seus transicions d'imatges i l'efecte Ken Burns, però els elements ( text, icones, fotografies ... ) en cada diapositiva també . Podeu crear una quantitat il · limitada d'objectes i deixar que ells apareixen amb estil !

Això realment funciona en tots els navegadors i en els mòbils ?

És clar que funciona atots els navegadors moderns ( incloent IE7 / 8 )i segueixiOS ( iPad, iPhone )iAndroiddispositius mòbils gràcies al seu sistema de reserva de 3 capes .Swipe Touchper a dispositius mòbils Android i iOS és, per descomptat, inclòs.

Fes una ullada a la versió mòbil

Quines són les característiques ?

  • Imatge i polzes plenament de mida variable
  • Usant Animació lona amb reserva per CSS Animació i també amb retrocés a jQuery
  • Opcional efecte Ken Burns
  • Capes Caption il · limitades
  • Diapositives il · limitats
  • Personalitzable Efecte Ken Burns, ( StartEnd posicions i zoom o aleatori )
  • iPhone / iPad i Android Swipe Touch habilitats
  • jQuery plugin gratuït de conflictes
  • Personalitzable 100% a través de paràmetres del connector / CSS / HTML
  • Fàcil instal · lació al seu lloc web
  • Easing especial
  • Exemple Page inclòs
  • Exemple Picture Efecte Instrucció PSD inclòs
  • 2 Les imatges s'utilitzen per Hover -efectes, pel que poden construir tots els efectes que desitgi ( blur, escala de grisos ... ) amb l'eina d'imatges favorit

És difícil d'implementar ?

No ! És la forma típica d'aplicar ajQueryplugin . Vostè només ha de saber alguna cosa d'HTML i Javascript .
L'exemple donat és un punt de partida meravellós per construir el seu propi regulador d'ella . Poseu els enllaços JS i CSS a la capçalera de la seva pàgina HTML i posar en alguns elements DIV per als seus articles .

L'Efecte de transició de la manca de definició es basa en el canvi de 2 imatges . El nostre PSD Instrucció li dóna la Knowlegde per reproduir aquest efecte en les seves imatges .


Les imatges que es veuen a la vista prèvia es llicencien a Fotolia i no s'inclouen en la descàrrega . La descàrrega d'aquest article conté imatges de marcador de posició amb les etiquetes de cota .

WordPress Temes de ThemePunch

WordPress 3.3 Compatible Grans personalitzats panell d'administració il · limitada quantitat de colors Carteres il · limitats sidebars il · limitats

WordPress Temes de ThemePunch

Premium RESPOSTA DE NEGOCIS tema de WordPress SEO OPCIONS Averis WordPress 3.3 Compatible disseny optimitzat Mòbils Shortcodes il · limitada Ressaltar Colors Unlimited Totalment Layout Responsive optimitzat per Iphone, Ipad WordPress 3.3 Compatible Publica formats de vídeo, imatges, dissenys de pàgina desactivar Gran disseny del panell d'administració personalitzatWordPress 3.3 Compatible Grans personalitzats panell d'administració il · limitada quantitat de colors Carteres il · limitats sidebars il · limitades

Components de ThemePunch

KER8IJRNER The Ultimate Ken Btrns SUderl altament personalitzable Efecte Ken Burns lliurement Positionabte Captions HTML HTML Caivas Animació Animació amb FaliBackJfluery deep linking paginació Responsive Ample Mida i fixos Youtube Suport Antecedents imatge de rajoles JQuery roda del ratolí Suppot Touch cop iOS i Android dispositius mòbils animació amb jQuery FaUBack Executa els navegadors modernsParallax efecte HTI4 . Llegendes cop Touch per Els mòbils Android i dispositius CSS Animation mit fallback jQyery Executa navegadors moderns PARADIGMA hity sbdef


Descarregar
Altres components d'aquesta categoriaTots els components d'aquest autor
Comentaris dels clientsPreguntes freqüents i respostes

Propietats

Creat:
8 gener 12, última actualització

Paraules clau