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

Abonner på vårt feed for å holde deg oppdatert!

Nyhet! Følg oss som du vil ha det!


XML Timeline Animation Banner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

XML Tidslinje Animasjon Banner
Før iPhone og iPad, har Flash vært den beste kostnadseffektive løsningen i å levere kvalitet animasjoner i nettet. Men med den økte populariteten til iOS-enheter uten Flash-støtte, er næringen sakte skifte til åpne standarder. Utviklere meste stole på Javascript animasjon biblioteker for sine animasjons behov. Dessverre, de fleste av disse bibliotekene fortsatt har noen begrensninger som XML Tidslinje Animasjon Banner ønsker å ta opp. Sjekk ut funksjonene nedenfor. Det kan være det du leter etter.

Egenskaper

1. CSS Animasjon
Dette bruker kraften i JQuery å velge DOM Elements og Greensock Animasjon Platform (GSAP) v12 for virkelig sprø rask animasjon og sekvensering. Du kan animere nesten alle CSS eiendom DOM-elementer, inkludert grensen, farge, prosenter, opasitet, kule forvandler som skewX, skewY, scaleX, Scaley, rotasjon, x og y. Det er ingen forhåndsbestemte CSS parametrene i XML at du trenger å skrive. Bare animere bare de egenskapene du trenger til en eller flere DOM elements.Below er et eksempel som viser css animasjon.

2. Javascript Object Eiendom og funksjonsbaserte Eiendom Tweening
XML Tidslinje Animasjon Banner er ikke bare begrenset til DOM Element animasjon. Det gir også en måte å tween objektegenskaper. Du kan målrette et enkelt objekt eller flere objekter ved hjelp av matriser. Denne flotte egenskapen gir en fleksibel måte å animere grafiske objekter i et lerret element. Et annet trekk er evnen til å lom funksjonsbaserte egenskaper. Det vil fungere dersom du har et objekt med en funksjon rotasjon () som får og setter en verdi. Dessuten kan det også tween selv om du har funksjoner som setRotation () og getRotation ().

3. Avansert Tidslinje Sequencing
Ved hjelp av tidslinjer, kan du kompensere for innsettingspunktet, justere animasjoner på samme starttidspunkt eller justere dem etter hverandre. Du kan også sette en tid som kan legges til starttidspunktet for hver animasjon. Du kan også gå videre med hekkende tidslinjer (tidslinje innenfor en tidslinje). Du kan også ha flere bannere som har separate kontroller på en side.

4. Cross-browser, PC, Mac, Android og iOS-kompatibel
Ved hjelp av en PC, Mac, Android eller iOS-enhet? Ikke noe problem. Siden det er skrevet i Javascript, bør det fungere på alle enhetene dine. Standard CSS egenskaper inkludert spesielle forvandler som rotasjon, scaleX, Scaley, skala, skewX, skewY, x, y, transformOrigin vil fungere i alle moderne nettlesere selv med en klassisk nettleser som Internet Explorer 6. Non-standard CSS egenskaper vil avhenge av nettleseren støtte. Så hvis nettleseren støtter det, kan det være animert.

5. Avanserte Brukerkontroller
Brukerne vil nå ha video-lignende kontroller (uten buffering) når du ser på animasjon. Gjenta, pause, spille eller søke (tid eller etikett) når som helst, slik at brukerne ikke trenger å gå glipp av noe. Du kan bruke etiketter som er nøyaktig merket i søkelinjen slik at brukerne vil vite når det neste settet med animasjon begynner. Alt som kan settes i XML.

6. Flere bannere på en side
Du kan angi flere bannere på en side ved hjelp av en XML. Hvert banner kan ha sin egen tidslinje sekvens og kontroller.

7. En XML, Multiple Banner Størrelser
Man xml kan gjenbrukes på forskjellige sider som krever ulike bannerstørrelser. Dette kan kutte kostnader, fordi det vil være behov for å bearbeide det samme animasjon med forskjellige banner størrelser. Dette kan oppnås ved å benytte en kombinasjon av% beregnet posisjon og størrelse.

8. Skjær dine bilder med ImageSlicer
ImageSlicer bruker CSS til praktisk skjære og animere bilder bare ved å sette antall rader og kolonner i XML. Kombinert med tidslinje sekvensering, skaper det kule image slice overganger.

9. Intelligent Autoplay
Mesteparten av tiden du ikke trenger en banner animasjon for å spille når det er for øyeblikket ikke synlig på siden. Med denne funksjonen kan du eventuelt angi for å stanse banner animasjon når ikke vist på siden din. Dette sparer ekstra prosessor overhead spesielt med mobile enheter.

10. DOM Element hendelseshåndterer
Dette bidrar til å knytte hendelsene til DOM-elementer uten koding.

Merk: Bildene er ikke inkludert i kjøpet.


Laste ned
Andre komponenter i denne kategorienAlle komponenter av denne forfatteren
KommentarerOfte stilte spørsmål og svar

Egenskaper

laget:
10.09.12

Siste oppdatering:
12.09.12

Høy oppløsning:
Nei

kompatible nettlesere:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

filer Inkludert:
Javascript JS, HTML, XML, CSS

Programvareversjon:
jQuery

Søkeord

eCommerce, eCommerce, Alle ting, animasjon, Auto spill, banner, kontroller, greensock, bilde slicer, intelligent, jquery, multi-stø, rrelse, hø, velen, slider, tidslinje, timelinemax, tweenmax, xml