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

Prenumerera på vårt foder för att hålla dig uppdaterad!

Nytt! Följ oss som du vill ha det!


XML Timeline Animation Banner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

XML Tidslinje Animation Banner
Innan iPhones och iPads, har Flash varit den bästa kostnadseffektiv lösning på att leverera kvalitet animationer på webben. Men med den ökade populariteten för iOS-enheter utan blixt stöd, är industrin långsamt flytta till öppna standarder. Utvecklare främst förlitar sig på Javascript animation bibliotek för deras animation behov. Tyvärr har de flesta av dessa bibliotek har fortfarande vissa begränsningar som XML Tidslinje Animation Banner vill ta upp. Kolla in funktionerna nedan. Det kan bara vara vad du letar efter.

Funktioner

1. CSS Animation
Detta använder kraften i jQuery att välja DOM element och Greensock Animation Platform (GSAP) v12 för de riktigt galna snabb animation och sekvensering. Du kan animera nästan alla CSS-egenskap av DOM-element, inklusive gräns, färg, procentsatser, opacitet, kyla trans som skewX, skewY, scaleX, scaleY, rotation, x och y. Det finns inga förutbestämda CSS parametrarna i XML som du behöver mata in. Helt enkelt animera endast de egenskaper som du behöver för att en eller flera DOM elements.Below är ett exempel som visar css animation.

2. Javascript Object Egenskaps och funktion baserad Property Tweening
XML Tidslinje Animation Banner är inte bara begränsat till DOM Element animation. Det ger också ett sätt att interpolera objektegenskaper. Du kan rikta ett enstaka objekt eller till och med flera objekt med hjälp av matriser. Denna stora funktionen ger ett flexibelt sätt att animera grafiska objekt i en Canvas element. Ett annat särdrag är förmågan att interpolera funktionsbaserade egenskaper. Det kommer att fungera om du har ett objekt med en funktion rotation () som får och sätter ett värde. Dessutom kan det också polera även om du har funktioner som setRotation () och getRotation ().

3. Avancerad Tidslinje Sequencing
Med hjälp av tidslinjer, kan du kompensera insättningspunkten, justera animationer på samma starttid eller anpassa dem efter varandra. Du kan även ställa in en tid som kan läggas till starttiden för varje animation. Du kan även gå vidare med häckande tidslinjer (tidslinje inom en tidslinje). Du kan också ha flera banderoller som har separata kontroller på en sida.

4. Cross-browser, PC, Mac, Android och iOS-kompatibel
Med hjälp av en PC, Mac, Android eller iOS-enhet? Inga problem. Eftersom det är skrivet i Java, bör det fungera på dina enheter. Standard CSS-egenskaper, inklusive speciella trans som rotation, scaleX, scaleY, skala, skewX, skewY, x, y, transformOrigin fungerar i alla moderna webbläsare även med en klassisk webbläsare såsom Internet Explorer 6. Icke-standardiserade CSS-egenskaper kommer att bero på webbläsaren stöd. Så om din webbläsare stöder det, kan det vara animerade.

5. Avancerade Användarkontroller
Användarna kommer nu att ha videoliknande kontroller (utan buffring) när du visar animeringen. Upprepa, pausa, spela eller söka (tid eller etiketten) när som helst så att användarna inte behöver missa något. Du kan använda etiketter som just är markerade i sökfältet så att användarna kommer att veta när nästa uppsättning av animation börjar. Som alla kan ställas in i XML.

6. Flera banderoller på en sida
Du kan ställa in flera banderoller på en sida med hjälp av ett XML. Varje banner kan ha sin egen tidslinje sekvens och kontroller.

7. En XML, flera Banner Storlekar
En xml kan återanvändas i olika sidor som kräver olika bannerstorlekar. Detta kan minska kostnaderna eftersom det kommer att finnas något behov av att omarbeta samma animation med olika bannerstorlekar. Detta kan uppnås genom att använda en kombination av% baserat position och storlek.

8. Skiva dina bilder med ImageSlicer
ImageSlicer använder CSS bekvämt skära och animera bilder bara genom att ställa in antalet rader och kolumner i XML. Kombinerat med tidslinje sekvensering, skapar häftiga bild skiva övergångar.

9. Intelligent Auto
För det mesta du behöver inte en banner animation att spela när det är för närvarande inte syns på sidan. Med denna funktion kan du välja att ange att pausa banner animation när den inte visas i din sida. Detta sparar ytterligare processor overhead speciellt med mobila enheter.

10. DOM Element Händelse Handler
Detta bidrar fästa händelser till DOM element utan kodning.

Obs: Bilderna ingår inte i köpet.


Hämta
Andra komponenter i denna kategoriAlla komponenter i denna författare
KommentarerVanliga frågor och svar

Egenskaper

Skapad:
10 September 12

Senaste uppdateringen:
12 September 12

Hög upplösning:
Nej

kompatibla Webbläsare:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

filer ingår:
JavaScript JS, HTML, XML, CSS

Mjukvaru-version:
jQuery

Nyckelord

e-handel, e-handel, Alla objekt, animation, autospela, baner, kontroller, greensock, bild slicer, intelligent, jquery, multi-storlek, slicer, reglaget, tidslinje, timelinemax, tweenmax, xml