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

Iscriviti al nostro feed per rimanere sempre aggiornato!

Nuovo! Seguici come lo vuoi!


KenBurner Slider jQuery Plugin - WorldWideScripts.net articolo in vendita

Ads

Ad: Bluehost hosting

Clicca qui seguire Envato

KenBurner Slider jQuery Plugin

Che cosa è?

Kenburner è il modo premio di utilizzare un dispositivo di scorrimento nel tuo sito web . Una combinazione di effetto Ken Burns, state-of - the-art di scorrimento e del testo Animazioni definisce questo cursore .

Personalizzare questo cursore con appena un po 'di HTML e CSS per le stesse esigenze . Dare ad ogni dispositivo di scorrimento alcune didascalie per trasportare il vostro messaggio . Usa le tue Ken Burns elementi di banner animati con la possibilità di giocare su YouTube e Vimeo clip in una speciale vista di dettaglio con la descrizione del testo .

Rilasciare v.1.3 ( 19.08.2012 )

  • Chrome Bug Maggiore con miniature e animazione tela fissata . Ombra è rimosso dalla Miniature in Chrome
  • Nuova funzione del timer è stata aggiunta ( MostraTim on / off via Opzioni e Settings.css )
  • Pausa icona viene visualizzata nell'angolo in alto a destra (via settings.css può essere designato o rimossa)

Bug fixing 16.05.2012

  • Conflitti plugin è stato risolto entro il Plugin cssAnimation

Bug fixing e Nuove funzionalità 10.05.2012

  • Ombra sinistra / destra / ripetuta riparato. Alcuni bug dimensionamento è stato riparato
  • Nelle impostazioni di larghezza / altezza SET opzione non era uguale a outter dimensionamento di Banner . Questo problema è stato riparato ! Attenzione, se si aggiorna alla nuova versione, il contenitore sarà 20px più piccolo a causa delle imbottiture e le frontiere !
  • Aggiunta una nuova opzione per attivare / disattivare il Chrome Bug Canvas Google . In Chrome le transizioni fadeover vengono scambiati contro transizioni diapositiva di ignorare il Bug Canvas in Chrome

Google Chrome Bug / Fade Transition Bug 09.05.2012

Il GoogleChrome aggiornamento lato ( 18.0.1025.168 ) ha qualche bug nel rendering Canvas . A causa di questo bug il sbiadiscono nel passaggio non funziona bene tra le diapositive . Vedrete alcuni Flickering cambiando tra le diapositive con transizioni di dissolvenza . Dal momento che questo problema non esiste in IE o FF siamo in grado di fornire solo un piccolo workaround dove il Plugin ignorare automaticamente le transizioni fade in Google Chrome . Se interessati, si prega di scaricare il nostro prossimo aggiornamento!

Via la repairChromeBug opzione : "on" si può decidere ogni volta che si desidera modificare automaticamente la transizione dissolvenza contro la transizione diapositiva in Chrome .

Grazie mille, e se avete qualche domanda, non esitate a contattarci via http://themepunch.ticksy.com !

Feature aggiuntive Aggiornamento dal 10 febbraio 2012

Si prega di utilizzare Aggiornamento Percorso Documentazione per la versione precedente .
  • Aggiunta la funzione lazy loading . Impostato tramite l'opzione quante diapositive deve essere precaricato
  • Utilizzo di Google Font è semplificata . Basta impostare l'opzione tramite il font di Google e la libreria js .
  • JS Biblioteca è ridotto al minimo e fusa . Risultato : più rapido carico di Biblioteca

Feature aggiuntive Aggiornamento dal 8 febbraio 2012

  • Auto Calcolato titolare contenitore Dimensione seconda Banner e dimensioni Thumnail
  • Video Simbolo su Pollice ( on / off ) Aggiunta l'opzione
  • Opzione dispositivo di scorrimento automatico
  • Toolbar bulletpoint opzionale

Aggiornamento dal 1 ° febbraio 2012

  • IE8 bug seconda diapositiva rimosso
  • Video Roll Over in IE7 e IE8 Bug rimossi
  • cssAnimate JS bug rimosso

Così che cosa è così nuovo ?

Per ottenere le migliori perfomance utilizza HTML5 Canvas Animation . Se questo non è possibile nel tuo browser lo passano a CSS Animation . E se si utilizza un browser che fa questo non si passano a una versione di jQuery . Così funziona su tutti i browser moderni ( tra cui IE7 / 8) e sui dispositivi mobili con le migliori prestazioni possibili !

Il Ken Burns è totalmente personalizzabile : Start-, End Point, Zoom In o Out, Fattore di zoom sono tutti nei diversi parametri di scorrimento . Oppure andare dadi e scegliere " Random" !

E non dimenticate che è non solo possibile animare le transizioni e il Ken Burns Effect ma gli elementi ( testo, icone, foto ... ) su ogni vetrino troppo . È possibile creare un numero illimitato di oggetti e farli apparire con stile!

Tutto questo è veramente funzionare su tutti i browser e sui cellulari ?

Certo che funziona suogni browser moderno ( tra cui IE7 / 8)e viaiOS ( iPad, iPhone)eAndroiddispositivi mobili grazie alla sua 3 strati del sistema di ripiego.Toccare swipeper iOS e dispositivi mobili Android è ovviamente incluso.

Controlla la versione mobile

Quali sono le caratteristiche ?

  • Immagine e pollici completamente ridimensionabile
  • Usando Animation tela con fallback su CSS Animation e anche con fallback su jQuery
  • Ken Burns effetto opzionale
  • Livelli Caption illimitati
  • Slides illimitati
  • Personalizzabile Effetto Ken Burns ( StartEnd - Posizione e Zoom o casuale)
  • iPhone / iPad & Android Swipe touch abilitato
  • Conflitto jQuery plugin gratuito
  • Personalizzabile al 100 % tramite il plugin Parametri / CSS / HTML
  • Facilità di installazione nel vostro sito web
  • Easing speciale
  • Esempio Page incluso
  • Esempio Effetto immagine PSD di istruzioni incluso
  • 2 Le immagini sono utilizzate per Hover -effetti, in modo da poter costruire ogni effetto che si desidera ( blur, scala di grigi ... ) con il vostro strumento di immagine preferita

E 'difficile da attuare?

No ! È il tipico modo di attuare unajQueryplugin. Hai solo bisogno di conoscere po 'di HTML e Javascript .
L' esempio dato è un punto di partenza eccezionale per costruire il proprio cursore di fuori di esso . Mettere i link JS e CSS nella testa del vostro sito HTML e mettere in alcuni elementi DIV per i vostri articoli .

Il Transition Effect Blur è basato sulla variazione di 2 immagini . Il nostro PSD istruzioni ti dà la knowlegde di riprodurre questo effetto sulle vostre immagini .


Le immagini viste in anteprima sono concessi in licenza da Fotolia e non sono inclusi nel download . Il download di questo prodotto contiene immagini segnaposto con le etichette delle quote .

WordPress Themes by ThemePunch

WordPress 3.3 compatibile Huge Custom Admin Panel Unlimited Colori Portafogli illimitati barre laterali illimitate

WordPress Themes by ThemePunch

PREMIUM RESPONSIVE BUSINESS Tema Wordpress SEO OPZIONI AVERIS WordPress 3.3 compatibile con il cellulare layout ottimizzato codici brevi Unlimited Highlight Colors Unlimited Completamente Responsive layout ottimizzato per Iphone, Ipad WordPress 3.3 compatibile Messaggio Formati Video, Immagine, debar layout di pagina Enorme personalizzata Admin layout del pannelloWordPress 3.3 compatibile Huge Custom Admin Panel Unlimited Colori Portafogli illimitati Sidebars illimitati

Componenti di ThemePunch

KER8IJRNER The Ultimate Ken Btrns SUderl altamente personalizzabile Ken Bums Effetto Liberamente Positionabte Didascalie HTML HTML Caivas Animazione con FaliBack AnimationJfluery Deep link paginazione Responsive Larghezza Dimensione fissa e Youtube Supporto Background Slideshow Immagine e mattonelle JQuery rotellina del mouse Suppot tocco strisciare iOS e Android dispositivi mobili Animazione con FaUBack jQuery Runs browser moderniParallax Effetto HTI4 . Didascalie tocco strisciare per Los e Android Mobile Devices CSS Animation mit FallBack jQyery Esegue i browser moderni PARADIGMA Hity sbdef


Scarica
Altri componenti di questa categoriaTutti i componenti di questo autore
CommentiDomande frequenti e risposte

Proprietà

Creato:
8 12 gennaio

Ultimo aggiornamento:
17 Feb 13

browser compatibili:
IE7 , IE8 , IE9 , Firefox , Safari, Opera , Chrome , versione software

Files Included:
JS JavaScript , HTML , CSS , Layered PSD , PNG Layered

Parole chiave