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

XML Timeline Animation Banner

— 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!


XML Timeline Animation Banner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

XML Cronologie Animație Banner
Înainte de a iPhone și iPad-uri, Flash a fost cea mai bună soluție rentabilă în furnizarea de animații de calitate în web. Dar, cu popularitatea crescută de dispozitive iOS, cu nici un suport flash, industria este lent trecerea la standardele deschise. Dezvoltatorii se bazează în principal pe Javascript biblioteci de animație pentru nevoile lor de animație. Din nefericire, cele mai multe dintre aceste biblioteci au încă unele limitări care XML Cronologie animație Banner ar dori să le abordeze. Check out caracteristicile de mai jos. S-ar putea fi exact ceea ce căutați pentru.

caracteristici

1. CSS Animație
Aceasta folosește puterea JQuery pentru a selecta DOM Elemente și GreenSock Animation Platform (GSAP) pentru animație v12 rapid într-adevăr nebun și succesiunea. Puteți anima aproape orice proprietate CSS al elementelor DOM, inclusiv la frontieră, culoare, procente, opacitate, se transformă, cum ar fi skewX reci, skewY, scaleX, scaleY, rotire, x, și y. Nu există parametri CSS predeterminate în fișierul XML pe care trebuie să le intrare. Pur și simplu anima numai proprietățile de care aveți nevoie pentru una sau mai multe DOM elements.Below este un exemplu care arată animația css.

2. Javascript Obiect de proprietate și de proprietate Tweening pe bază de funcții
XML Cronologie Animație Banner nu este limitat doar la DOM Element de animație. Acesta prevede, de asemenea, o modalitate de a tween proprietăți obiect. Aveți posibilitatea să direcționați un singur obiect sau chiar mai multe obiecte folosind matrici. Această caracteristică mare oferă un mod flexibil pentru a anima obiecte grafice într-un element de panza. O altă caracteristică este abilitatea de a Tween proprietăți bazate pe funcții. Acesta va funcționa dacă aveți un obiect cu o rotație funcție (), care devine și setează o valoare. De asemenea, ea poate, de asemenea, Tween chiar dacă aveți funcții, cum ar fi setRotation () și getRotation ().

3. Cronologie avansată Secvențierea
Cu ajutorul termenelor, puteți compensa punctul de inserare, aliniați animații în același timp, de start sau să le aliniați unul după altul. Puteți chiar să setați un timp care poate fi adăugat la ora de începere a fiecărei animație. Poti merge chiar mai departe prin cronologie cuibărit (cronologie într-o cronologie). Puteți avea, de asemenea, mai multe bannere, care au comenzi separate într-o singură pagină.

4. cross-browser, PC, Mac, Android și iOS compatibile
Cu ajutorul unui PC, Mac, Android sau IOS dispozitiv? Nici o problema. Din moment ce este scris în Javascript, acesta ar trebui să funcționeze pe dispozitive. Proprietăți standard CSS inclusiv transformatele speciale, cum ar fi rotația, scaleX, scaleY, scara, skewX, skewY, x, y, transformOrigin va funcționa în toate browserele moderne, chiar și cu un browser clasic, cum ar fi Internet Explorer 6. Proprietatile CSS non-standard, va depinde de browser-ul a sustine. Prin urmare, dacă browserul dvs. acceptă, acesta poate fi animat.

5. Controale avansate de utilizator
Utilizatorii vor avea acum controale video cum ar fi (fără tamponarea), atunci când se vizualizează animația. Se repetă, pauză, juca sau să caute (timp sau eticheta), în orice moment, astfel încât utilizatorii dumneavoastră nu trebuie să ratezi nimic. Aveți posibilitatea să utilizați etichete care sunt marcate cu precizie în bara de căutare, astfel încât utilizatorii vor ști când începe următorul set de animație. Toate acestea pot fi setate în XML.

6. Bannere multiple într - o singură pagină
Puteți seta mai multe bannere într-o singură pagină folosind un singur XML. Fiecare banner-poate avea propria sa secvență și controale cronologie.

7. Unul XML, mai multe dimensiuni Banner
Unul XML pot fi reutilizate în diferite pagini care necesită diferite dimensiuni de banner. Acest lucru poate reduce costurile, deoarece nu va mai fi nevoie să se refacă aceeași animație cu diferite dimensiuni de banner. Acest lucru se poate realiza prin utilizarea unei combinații de poziții și mărimea bazată%.

8. Slice imaginile cu ImageSlicer
ImageSlicer foloseste CSS pentru a felie convenabil și anima imagini doar prin setarea numărului de rânduri și coloane în XML. Combinată cu secvențierea cronologie, se creează răcească tranziții imagine felie.

9. Intelligent Autoplay
De cele mai multe ori nu aveți nevoie de o animație banner-ul pentru a juca atunci când acesta nu este vizibil în pagina. Cu această caracteristică, puteți specifica în mod opțional pentru a întrerupe animația banner-ul atunci când nu este afișat în pagina. Acest lucru economisește aeriene de procesor suplimentar în special cu dispozitive mobile.

10. Element DOM Eveniment Handler
Acest lucru ajută la evenimente atașați elementelor DOM fără codare.

Notă: Imaginile nu sunt incluse în achiziția.


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

Proprietăți

Creată:
10 septembrie 12

Ultima actualizare:
12 septembrie 12

Rezoluție înaltă:
Nu

Browsere compatibile:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

fişierele incluse:
JavaScript JS, HTML, XML, CSS

Versiune de software:
jQuery

Cuvinte cheie

eCommerce, eCommerce, Toate obiectele, animaţie, Redare automata, steag, controale, GreenSock, feliator imagine, inteligent, jquery, multi-size, feliator, cursor, cronologie, timelinemax, tweenmax, XML