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 la WorldWideScripts.net

Aboneaza-te la feed-ul nostru pentru a rămâne până la data!

Nou! Urmați- ne cum vrei!


KenBurner Slider jQuery Plugin - WorldWideScripts.net Punctul de vânzare

Ads

Ad: Bluehost hosting

Click aici urmează Envato

KenBurner Slider jQuery Plugin

Ce este asta ?

Kenburner este modul în care prima de a folosi un slider in site-ul dumneavoastră . O combinație de Ken Burns Effect, Slider și text animații de stat -of - the-art definește acest slider

Personaliza acest slider cu doar un pic de HTML și CSS pentru nevoile voastre . Dă fiecare slider unele legende pentru a transporta mesajul tău . Utilizați Ken Burns elemente de banner animat cu posibilitatea de a juca clipuri pe YouTube și Vimeo într- o priveliste deosebita detaliu cu descrierea de text

Release V.1.3 ( 19.08.2012 )

  • Crom Bug majore cu miniaturi și de animație Canvas fixe . Shadow este eliminat din miniaturile din Chrome
  • Funcția temporizator nou a fost adăugată ( showTimer on / off prin Opțiuni, și Settings.css )
  • Icon pauză este afișat în dreapta suscolt ( prin settings.css poate fi stil sau eliminate )

Fixarea bug 16.05.2012

  • Conflictele Plugin a fost rezolvată în cadrul Plugin cssAnimation

Bug de fixare si caracteristici noi 10.05.2012

  • Shadow stânga / dreapta / repetat reparat . Unele bug-ul de dimensionare a fost reparat
  • În set lățime / înălțime setările de opțiune nu a fost egal cu outter dimensionarea de Banner . Această problemă a fost reparat ! Atent, dacă vă actualizați la noua versiune, recipientul va fi 20px mai mici din cauza Garniture, granițele !
  • A adăugat noua optiune pentru a activa / dezactivaChrome Bug Canvas Google . În Chrome tranzițiile fadeover sunt schimbate față de tranziții de diapozitive pentru a ignora Bug Canvas în Chrome

Google Chrome Bug / Fade tranziție Bug 09.05.2012

GoogleChrome Update ( 18.0.1025.168 )Lates are unele bug în Rendering Canvas . Datorita acestui Bugdisparea in tranzitie nu va funcționa bine dintre cadre . Veți vedea unele Pâlpâirea prin schimbarea între diapozitive cu tranziții estompeze . Deoarece această problemă nu există în IE sau în FF putem oferi doar tu o soluție mică unde Plugin ignora automat tranzițiile dispar în Google Chrome . Dacă sunteți interesat, vă rugăm să descărcați următoarea noastră actualizare !

Prin opțiunea repairChromeBug : " pe " puteți decide ori de câte ori doriți să schimbați în mod automat trecerea de la decolorare de tranziție diapozitiv în Chrome

Multumesc foarte mult, și dacă aveți orice întrebare, vă rugăm să nu ezitați să ne contactați prin intermediul http://themepunch.ticksy.com !

Actualizare de facilități suplimentare de 10 februarie 2012

Va rugam sa utilizeze documentația calea de actualizare pentru a actualiza versiunea anterioară
  • Adăugat funcția de lazy loading . Setat prin opțiunea de cât de multe slide-uri ar trebui să fie preîncărcate
  • Folosind font Google este simplificată . Doar setat prin opțiunea fontul Google și biblioteca js
  • JS Library este redusă la minimum și fuzionat . Profit : încărcare rapidă a Bibliotecii

Actualizare de facilități suplimentare de 08 februarie 2012

  • Auto Calculat suport Dimensiune container în funcție de bannere și dimensiuni Thumnail
  • Simbol video pe Thumbs ( on / off ) Opțiunea adăugată
  • Slider Opțiunea Auto
  • Opțional bulletpoint bara de instrumente

Actualizarea de la o februarie 2012

  • IE8 bug Slide 2-a îndepărtat
  • De tip rolă de film Peste în IE7 si IE8 Bug îndepărtat
  • cssAnimate JS bug eliminat

Deci, ce este atât de nou ?

Pentru cele mai bune performanțe foloseste HTML5 Canvas animație . Dacă acest lucru nu este posibil în browser-ul dvs. se va reveni la CSS Animație . Și dacă utilizați un browser care nu face acest lucru se va reveni la o versiune de jQuery . Așa că lucrează la orice browser modern ( inclusiv IE7 / 8 ) și pe dispozitive mobile cu cea mai bună performanță posibilă !

Ken Burns este complet personalizabil : Start -, End Point, mărire sau micșorare, factorul de zoom sunt toate în diferite parametrii slider . Sau du-te nuci și alegeți " aleatorie " !

Și nu uitați că nu numai pot anima tranzițiile de imagine șiKen Burns efect, dar elementele ( text, Icoane, Poze ... ) pe fiecare diapozitiv prea . Puteți crea cantități nelimitate de obiecte și să le apar cu stil !

Are acest lucru într-adevăr rula pe toate browserele și pe telefonul mobil ?

Sigur că funcționează pefiecare browser modern ( inclusiv IE7 / 8 )și peiOS ( iPad, iPhone )șiAndroiddispozitive mobile, datorită sale 3 Sistemul alternativ LayerAtingere bețivanpentru iOS și dispozitive Android mobile este, desigur, incluse

Check out versiunea pentru mobil

Care sunt caracteristicile ?

  • Complet redimensionabilă
  • imagine și degetele . Folosirea Animație Canvas cu rezervă la CSS Animație și, de asemenea, cu rezervă de jQuery
  • Opțional efect Ken Burns
  • Straturi Caption nelimitat
  • Slide-uri nelimitate
  • Personalizabil Ken Burns Effect ( StartEnd pe poziție și Zoom sau aleatoare )
  • iPhone / iPad si Android Treceți Touch activat
  • jQuery plug-in gratuit Conflict
  • Personalizabil 100 % prin intermediul Parametrii Plugin / CSS / HTML
  • Instalare ușoară în site-ul dvs
  • Facilitarea special
  • Exemplul Page inclus
  • Exemplu de instrucțiuni efectul de imagine PSD inclus
  • 2 imagini sunt utilizate pentru Hover - efecte, astfel încât să puteți construi orice efect pe care doriți ( blur, nuanțe de gri ... ) cu un instrument de imagine preferat

E greu să pună în aplicare?

Nu! Acesta este modul tipic de implementare a unuijQueryplugin . Trebuie doar să știi puțin HTML și Javascript
Dat exemplu este un punct de pornire minunat pentru a construi propria cursorul din ea . Pune link-uri JS și CSS în cap de site-ul dvs. HTML și a pus în unele elemente DIV pentru articolele dvs.

Blur tranziție Efectul se bazează peschimbarea 2 imagini . PSD nostru de instrucțiuni vă oferă cunostintele de a reproduce acest efect asupra fotografiilor dumneavoastră


Imaginile văzut în previzualizare sunt licențiate de la Fotolia și nu sunt incluse în descărcare . Descărcarea acestui articol contine imagini substituent cu etichete de dimensiune

WordPress Teme de ThemePunch

WordPress 3.3 compatibil uriașe personalizate panoul de administrare Culori nelimitat portofolii nelimitat Sidebar nelimitată

WordPress Teme de ThemePunch

PREMIUM receptiv BUSINESS temă WordPress SEO OPȚIUNI AVERIS WordPress 3.3 compatibil Aspect mobil optimizat shortcodes nelimitat Highlight culori nelimitat Complet Aspect Responsive optimizat pentru iPhone, iPad WordPress 3.3 compatibil Mesaj formate video, imagini, Debar Aspecte pagină plină aspect particularizat panoul de administrareWordPress 3.3 compatibil uriașe personalizate panoul de administrare Culori nelimitat portofolii nelimitat Sidebar nelimitat

Componente de ThemePunch

KER8IJRNERUltimate Ken Btrns SUderl extrem de personalizabil Ken Bums Efectul Positionabte Liber Legende HTML Caivas Animatie cu FaliBack animatieJfluery Deep Legarea paginare Responsive Lățime dimensiune fixă ​​și YouTube sprijin de fundal Slideshow Image și țiglă JQuery rotița mouse-ului suppot Touch bețivan iOS și Android dispozitive mobile Animatie cu FaUBack jQuery Runs browserele moderneParallax Efectul HTI4 . Legende Touch bețivan pentru los și Android dispozitive mobile CSS Animație mit jQyery rezervă ruleaza browserele moderne PARADIGMA HITY sbdef


Descărcați
Alte componente din această categorieToate componentele acestui autor
ComentariiÎntrebări frecvente și răspunsuri

Proprietăți

Creat:
08 ianuarie 12

Ultima actualizare:
17 februarie 13

browserele compatibile:
IE7 , IE8 , IE9 , Firefox , Safari , Opera , Chrome , versiunea software-ului

fișiere incluse:
JS JavaScript , HTML , CSS , stratificat PSD , Layered PNG

Cuvinte cheie