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

Rep les nostres RSS per estar al dia!

Nou! Segueix-nos com vulguis!


XML Timeline Animation Banner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

XML línia de temps d'Animació Bàner
Abans que els iPhones i iPads, Flash ha estat la millor solució cost-efectiva en el lliurament d'animacions de qualitat a la web. No obstant això, amb la creixent popularitat dels dispositius iOS sense suport per a flaix, la indústria està canviant lentament amb els estàndards oberts. Els desenvolupadors es basen principalment en les biblioteques d'animació Javascript per a les seves necessitats d'animació. Per desgràcia, la majoria d'aquestes biblioteques encara tenen algunes limitacions que la línia de temps d'animació XML Banner agradaria abordar. Fes una ullada a les característiques a continuació. Que només podria ser el que tu busques.

Característiques

1. CSS Animació
Aquest utilitza el poder de jQuery per seleccionar elements DOM i Greensock Plataforma d'Animació (GSAP) v12 per a l'animació ràpida realment boig i seqüenciació. Pot animar gairebé totes les propietats CSS dels elements DOM incloent vora, el color, percentatges, l'opacitat, les transformacions interessants com skewX, skewY, Scalex scaleY, rotació, x, i i. No hi ha paràmetres predeterminats a la CSS XML que es necessita per a l'entrada. Simplement animar únicament les propietats que necessita per a una o més elements.Below DOM és un exemple que mostra l'animació CSS.

2. Javascript de propietats d'objectes i basat en les funcions de la propietat Tweening
XML línia de temps d'Animació de la bandera no només es limita a l'animació DOM Element. També proporciona una forma d'interpolar les propietats de l'objecte. Pot dirigir-se a un sol objecte o fins i tot múltiples objectes usant matrius. Aquesta gran característica proporciona una manera flexible per animar objectes gràfics en un element Canvas. Una altra característica és la capacitat d'interpolar propietats basats en funcions. Es treballarà si vostè té un objecte amb una rotació de la funció () que obté i estableix un valor. Així mateix, també pot interpolar, fins i tot si té funcions com setRotation () i getRotation ().

3. Seqüenciació escala de temps avançada
L'ús de línies de temps, es pot desplaçar el punt d'inserció, animacions alinear a la mateixa hora d'inici o alinear ells un per un. Fins i tot es pot establir un temps que pot ser afegit a l'hora d'inici de cada animació. Vostè pot fins i tot anar més enllà dels terminis d'implantació (línia de temps dins d'una línia de temps). També pot tenir diverses banderes que tenen controls separats en una sola pàgina.

4. Cross-browser, PC, Mac, Android i iOS compatibles
L'ús d'un PC, Mac, Android o IOS de dispositius? Cap problema. Ja que està escrit en Javascript, que hauria de funcionar en els seus dispositius. propietats CSS estàndard, incloent transformacions especials com rotació, Scalex, scaleY, escala, skewX, skewY, x, i, transformOrigin treballaran en tots els navegadors moderns, fins i tot amb un clàssic navegador com Internet Explorer 6. propietats CSS no estàndard dependrà de navegador suport. Així que si el navegador és compatible, que pot ser animat.

5. Controls d'usuari avançats
Els usuaris tindran ara els controls de vídeo com (sense el buffering) durant la visualització de l'animació. Repetir, fer una pausa, jugar o intentar (temps o etiqueta) en qualsevol moment perquè els usuaris no han de perdre una cosa. Podeu utilitzar etiquetes que s'han marcat, precisament, a la barra de cerca perquè els usuaris sàpiguen quan comença la següent sèrie d'animació. Tots els quals es poden establir en l'XML.

6. múltiples banners en una sola pàgina
Podeu configurar múltiples banners en una pàgina utilitzant-ne un XML. Cada banner pot tenir la seva pròpia seqüència de línia de temps i controls.

7. Una XML, múltiples mides de pancarta
Una XML es pot reutilitzar en diferents pàgines que requereixen diferents mides de pancarta. Això pot reduir el cost, perquè no hi haurà necessitat de reelaborar la mateixa animació amb diferents mides de pancarta. Això es pot aconseguir mitjançant l'ús d'una combinació de posició i la mida basat%.

8. Slice les seves imatges amb ImageSlicer
ImageSlicer CSS per a llescar i animar imatges, només cal situar el nombre de files i columnes en el XML convenientment. En combinació amb la seqüenciació línia de temps, es crea transicions fresc imatge llesca.

9. Intel·ligent de reproducció automàtica
La majoria de les vegades no necessita una animació bandera per jugar quan no és visible a la pàgina. Amb aquesta funció, podeu especificar opcionalment per aturar l'animació bandera quan no es mostra a la seva pàgina. Això estalvia sobrecàrrega del processador addicional, especialment amb els dispositius mòbils.

10. Element de controlador d'esdeveniments DOM
Això ajuda a adjuntar a esdeveniments DOM elements sense necessitat de programació.

Nota: Les imatges no estan inclosos en la seva compra.


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

Propietats

creat:
10 setembre 12

Darrera actualització:
12 setembre 12

Alta resolució:
No

Els navegadors compatibles:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

arxius inclosos:
JavaScript JS, HTML, XML, CSS

Versió de programari:
jQuery

Paraules clau

eCommerce, eCommerce, tots els Articles, animació, reproducció, automà, tica, bandera, controls, GreenSock, mà, quina de tallar la imatge, intel ·, ligent, jQuery, multi-mida, mà, quina de tallar, lliscant, lí, nia de temps, timelinemax, TweenMax, xml