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å vores feed for at holde dig ajour !

Nyt! Følg os som du ønsker det!


XML Timeline Animation Banner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

XML Tidslinje Animation Banner
Før iPhones og iPads, har Flash været den bedste omkostningseffektiv løsning i at levere kvalitet animationer på nettet. Men med den øgede popularitet af iOS enheder uden flash support, er industrien langsomt flytte til åbne standarder. Udviklere meste er afhængige af Javascript animation biblioteker til deres animation behov. Desværre er de fleste af disse biblioteker har stadig nogle begrænsninger, som XML Tidslinje Animation Banner gerne vil løse. Tjek de funktioner nedenfor. Det kunne bare være, hvad du leder efter.

Egenskaber

1. CSS Animation
Dette bruger strøm af JQuery at vælge DOM Elements og Greensock Animation Platform (GSAP) v12 for virkelig vanvittigt hurtige animation og sekventering. Du kan animere næsten enhver CSS egenskab af DOM elementer, herunder grænsen, farve, procenter, opacitet, seje transformationer som skewX, skewY, scaleX, Scaley, rotation, x, og y. Der er ingen forudbestemte CSS parametre i XML, som du skal indtaste. Du skal blot animere kun de egenskaber, du har brug for at en eller flere DOM elements.Below er et eksempel, der viser css animation.

2. Javascript Object Ejendom og Function-baserede Ejendom Tweening
XML Tidslinje Animation Banner er ikke kun begrænset til DOM Element animation. Det giver også en måde at tweene objektegenskaber. Du kan målrette et enkelt objekt eller endda flere objekter ved hjælp af arrays. Denne store træk giver en fleksibel måde at animere grafiske objekter i et lærred element. En anden funktion er muligheden for at tweene funktionsbaserede egenskaber. Det vil fungere, hvis du har et objekt med en funktion rotation (), der får og sætter en værdi. Ligeledes kan det også lem selvom du har funktioner som setRotation () og getRotation ().

3. Avanceret Tidslinje sekventering
Ved hjælp af tidslinjer, kan du udligne indsætningspunktet, justere animationer på samme starttidspunkt eller tilpasse dem efter hinanden. Du kan endda indstille en tid, der kan føjes til starttidspunktet for hver animation. Du kan endda gå videre ved rugende tidslinjer (tidslinje inden en tidslinje). Du kan også have flere bannere, der har separate kontroller på én side.

4. Cross-browser, PC, Mac, Android og iOS kompatibel
Ved hjælp af en PC, Mac, Android eller iOS-enhed? Intet problem. Da det er skrevet i Javascript, bør det arbejde på dine enheder. Standard CSS egenskaber, herunder særlige transformeringer som rotation, scaleX, Scaley, skala, skewX, skewY, x, y, transformOrigin vil arbejde i alle moderne browsere, selv med en klassisk browser såsom Internet Explorer 6. Ikke-standard CSS egenskaber vil afhænge af browser støtte. Så hvis din browser understøtter det, kan det være animeret.

5. Avancerede Brugerkontroller
Brugerne vil nu have video-lignende kontroller (uden buffering), når du ser animationen. Gentag, pause, afspille eller søge (tid eller etiket) når som helst, så dine brugere ikke behøver at gå glip af noget. Du kan bruge etiketter, der er præcist markeret i søge bar, så dine brugere vil vide, hvornår det næste sæt af animation begynder. Som alle kan indstilles i XML.

6. Flere bannere på én side
Du kan indstille flere bannere på én side ved hjælp af en XML. Hver banner kan have sin egen tidslinje sekvens og kontrol.

7. Et XML, Flere Banner Størrelser
Et xml kan genbruges i forskellige sider kræver forskellige banner størrelser. Dette kan skære omkostningerne, fordi der vil være behov for at omarbejde den samme animation med forskellige banner størrelser. Dette kan opnås ved anvendelse af en kombination af% baseret position og størrelse.

8. Skær dine billeder med ImageSlicer
ImageSlicer bruger CSS til bekvemt slice og animere billeder bare ved at indstille antallet af rækker og kolonner i XML. Kombineret med tidslinje sekventering, det skaber kølige billede skive overgange.

9. Intelligent Autoplay
Det meste af den tid, du ikke har brug for et banner animation til at spille, når det er i øjeblikket ikke synlig i siden. Med denne funktion kan du vælge at angive at holde pause banneret animation, når der ikke er vist på din side. Det sparer ekstra processor overliggende især med mobile enheder.

10. DOM Element Begivenhed Handler
Dette hjælper vedhæfte begivenheder til DOM-elementer uden kodning.

Bemærk: Billeder er ikke inkluderet i købet.


Hent
Andre komponenter i denne kategoriAlle komponenter i denne forfatter
KommentarerOfte stillede spørgsmål og svar

Egenskaber

Oprettet:
10 september 12

Sidste ændring:
12 september 12

Høj opløsning:
Ingen

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

Filer Inkluderet:
JavaScript JS, HTML, XML, CSS

Software Version:
jQuery

Søgeord

eCommerce, eCommerce, Alle artikler, animation, automatisk afspilning, banner, kontroller, greensock, billede på, læ, gsmaskine, intelligent, jquery, multi-size, på, læ, gsmaskine, skyderen, tidslinje, timelinemax, tweenmax, xml