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

Iscriviti al nostro feed per rimanere sempre aggiornato!

Nuovo! Seguici come lo vuoi!


XML Timeline Animation Banner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

XML sequenza temporale di animazione Banner
Prima che i iPhone e iPad, Flash è stato il migliore soluzione economica nella fornitura di animazioni di qualità nel web. Ma con la crescente popolarità dei dispositivi iOS senza supporto flash, l'industria si sta lentamente spostando verso standard aperti. Gli sviluppatori lo più si basano su librerie di animazione Javascript per le loro esigenze di animazione. Purtroppo, la maggior parte di queste librerie sono ancora alcune limitazioni che XML sequenza temporale di animazione Banner vorrebbe affrontare. Scopri le caratteristiche di seguito. E potrebbe essere proprio quello che cercate.

Caratteristiche

1. Animazione CSS
Questo utilizza la potenza di jQuery per selezionare DOM Elements e Greensock Animazione Platform (GSAP) V12 per l'animazione veloce veramente pazzo e sequenziamento. È possibile animare quasi ogni proprietà CSS di elementi DOM, tra cui bordo, colore, percentuali, l'opacità, trasforma cool come skewX, skewY, scaleX, scaleY, rotazione, x, y. Non ci sono parametri predeterminati CSS in XML che avete bisogno di input. Semplicemente animare solo le proprietà necessarie per uno o più DOM elements.Below è un esempio che mostra l'animazione CSS.

2. JavaScript Object Proprietà e funzione basata su Proprietà Intercalaggio
XML sequenza temporale di animazione Banner non è solo limitato a DOM Element animazione. Esso fornisce anche un modo per interpolare le proprietà degli oggetti. È possibile indirizzare un singolo oggetto o anche più oggetti utilizzando gli array. Questa grande caratteristica fornisce un modo flessibile per animare gli oggetti grafici in un elemento Canvas. Un'altra caratteristica è la possibilità di interpolare le proprietà delle funzioni-based. Esso funziona se si dispone di un oggetto con una rotazione di funzione () che ottiene e imposta un valore. Inoltre, può anche intercalare anche se si dispone di funzioni come setRotation () e getRotation ().

3. avanzato Timeline Sequencing
Utilizzando linee temporali, è possibile spostare il punto di inserimento, allineare animazioni allo stesso tempo di inizio o allineare una dopo l'altra. È anche possibile impostare un tempo che può essere aggiunto per l'orario di inizio di ogni animazione. Si può anche andare oltre, scadenze nidificazione (Timeline all'interno di una linea temporale). Si può anche avere più banner con controlli separati in una sola pagina.

4. cross-browser, PC, Mac, Android e iOS compatibile
Utilizzando un PC, Mac, Android o IOS dispositivo? Nessun problema. Dal momento che è scritto in JavaScript, dovrebbe funzionare sui dispositivi. proprietà CSS standard, tra cui le trasformazioni speciali come la rotazione, scaleX, scaleY, scala, skewX, skewY, x, y, transformOrigin lavoreranno in tutti i browser moderni, anche con un browser classico come Internet Explorer 6. proprietà CSS non standard dipenderanno del browser supporto. Quindi, se il tuo browser lo supporta, può essere animato.

5. Controlli utente avanzata
Gli utenti avranno ora controlli video-like (senza buffering) durante la visualizzazione dell'animazione. Ripetere, mettere in pausa, riprodurre o cercare (il tempo o l'etichetta) in qualsiasi momento in modo che gli utenti non devono perdere una cosa. È possibile utilizzare le etichette che sono segnati nella barra di ricerca in modo gli utenti non sapranno quando la prossima serie di animazione inizia. Tutto ciò può essere impostato in XML.

6. Banner multipli in una sola pagina
È possibile impostare più banner in una pagina utilizzando uno XML. Ogni banner può avere la sua sequenza di timeline e controlli.

7. Una XML, più formati di banner
Un XML può essere riutilizzato in diverse pagine che richiedono diversi formati di banner. Questo può tagliare costi, perché non ci sarà alcun bisogno di rielaborare la stessa animazione con differenti formati di banner. Ciò può essere ottenuto utilizzando una combinazione di posizione e le dimensioni basato%.

8. fetta tue immagini con ImageSlicer
ImageSlicer utilizza CSS per affettare comodamente e animare immagini semplicemente impostando il numero di righe e colonne in XML. In combinazione con la sequenza temporale, crea fresco transizioni fetta di immagine.

9. intelligente Autoplay
La maggior parte del tempo che non hanno bisogno di un'animazione bandiera a giocare quando non è attualmente visibile nella pagina. Grazie a questa funzione, è possibile specificare per mettere in pausa l'animazione bandiera quando non mostrato nella tua pagina. Ciò consente di risparmiare ulteriore sovraccarico del processore in particolare con i dispositivi mobili.

10. DOM Element Gestore di eventi
Questo aiuta a collegare gli eventi al DOM Elementi senza codifica.

Nota: le immagini non sono inclusi nel vostro acquisto.


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

Proprietà

Creato:
10 Settembre 12

Ultimo aggiornamento:
12 September 12

Alta risoluzione:
No

Browser compatibili:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

File inclusi:
JavaScript JS, HTML, XML, CSS

Versione software:
jQuery

Parole chiave

eCommerce, eCommerce, Tutti gli articoli, animazione, riproduzione automatica, bandiera, controlli, Greensock, immagine affettatrice, intelligente, jquery, multi-formato, affettatrice, cursore, sequenza temporale, timelinemax, tweenmax, xml