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

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


XML Timeline Animation Banner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

XML Timeline Animation Banner
Voordat de iPhones en iPads, heeft Flash de beste kosten-effectieve oplossing in het leveren van kwaliteit animaties in het web geweest. Maar met de toegenomen populariteit van de iOS-apparaten zonder Flash-ondersteuning, is de industrie langzaam een ​​verschuiving naar open standaarden. Ontwikkelaars meestal rekenen op Javascript animatie bibliotheken voor hun animatie behoeften. Helaas zijn de meeste van deze bibliotheken hebben nog steeds een aantal beperkingen die XML Timeline Animation Banner zou willen aanpakken. Bekijk de onderstaande functies. Het is misschien net wat je zoekt.

Kenmerken

1. CSS Animation
Deze maakt gebruik van de kracht van jQuery DOM Elements en GreenSock Animation Platform (GSAP) v12 te selecteren voor de echt gek snel animatie en sequencing. U kunt bijna elke CSS-eigenschap van de DOM-elementen, waaronder grens, kleur, percentages, dekking, koel transformeert zoals skewX, skewY, scaleX, scaleY, rotatie, x en y animeren. Er zijn geen vooraf bepaalde CSS parameters in de XML die u moet invoeren. Gewoon animeren alleen de eigenschappen die u nodig hebt om een ​​of meerdere DOM elements.Below is een voorbeeld waarin de css animatie.

2. Javascript Object Property en-Function based Property Tweening
XML Timeline Animation Banner is niet alleen beperkt tot DOM Element animatie. Het biedt ook een manier om objecteigenschappen tween. U kunt één object of zelfs meerdere objecten met behulp van arrays te richten. Deze geweldige functie biedt een flexibele manier om grafische objecten te animeren in een element Canvas. Een ander kenmerk is het vermogen om functiegericht eigenschappen tween. Het zal werken als je een object met een functie rotatie (hebben), die krijgt en stelt een waarde. Ook kan het ook tweenen zelfs als u functies zoals setRotation () en getRotation ().

3. Geavanceerde Timeline Sequencing
Met behulp van tijdlijnen, kunt u compensatie van de invoegpositie, uitlijnen animaties op dezelfde starttijd of lijn ze de ene na de andere. U kunt zelfs een tijd die aan de begintijd van elke animatie kan worden toegevoegd. U kunt zelfs verder gaan door nesten tijdlijnen (tijdlijn binnen een tijdlijn). U kunt ook meerdere banners die afzonderlijke controles op één pagina.

4. Cross-browser, PC, Mac, Android en iOS compatible
Met behulp van een PC, Mac, Android of iOS-apparaat? Geen probleem. Omdat het is geschreven in Javascript, het zou moeten werken op uw apparaten. Standard CSS eigenschappen, waaronder speciale transformaties, zoals roteren, scaleX, scaleY, schaal, skewX, skewY, x, y, transformOrigin werkt in alle moderne browsers, zelfs met een klassieke browser zoals Internet Explorer 6. Niet-standaard CSS-eigenschappen zal afhangen van de browser ondersteuning. Dus als uw browser ondersteunt, kan het worden geanimeerd.

5. Advanced User Controls
Gebruikers zullen nu video-achtige controles (zonder buffering) bij het bekijken van de animatie. Herhaal, pauzeren, af te spelen of te zoeken (tijd of label) op elk gewenst moment, zodat gebruikers niet hoeven te iets te missen. U kunt labels die juist in de zoekbalk zijn gemarkeerd gebruiken, zodat uw gebruikers weten wanneer de volgende set van de animatie begint. Die allemaal kunnen worden in het XML.

6. Meerdere Banners in One Page
U kunt meerdere banners in één pagina via een XML. Elke banner kan zijn eigen tijdlijn volgorde en controles.

7. Een XML, Multiple Banner Maten
Men xml kan worden hergebruikt in verschillende pagina's vereisen verschillende banner formaten. Dit kan kosten ingeschakeld omdat er geen noodzaak hetzelfde animatie met verschillende bannerafmetingen rework zal zijn. Dit kan worden bereikt door een combinatie van% gebaseerd positie en grootte.

8. Slice uw foto's met ImageSlicer
ImageSlicer maakt gebruik van CSS om gemakkelijk te snijden en afbeeldingen animeren alleen door het instellen van het aantal rijen en kolommen in de XML. In combinatie met de tijdlijn sequencing, creëert leuke afbeelding slice overgangen.

9. Intelligent Autoplay
De meeste van de tijd dat je niet een banner animatie moet spelen als het is momenteel niet zichtbaar op de pagina. Met deze functie kunt u desgewenst opgeven om de banner animatie pauzeren wanneer deze niet in uw pagina getoond. Dit spaart extra processoroverhead vooral bij mobiele apparaten.

10. DOM Element Event Handler
Dit helpt hechten evenementen om DOM-elementen zonder codering.

Opmerking: Afbeeldingen worden niet opgenomen in uw aankoop.


Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Gemaakt:
10 september 12

Laatste update:
12 september 12

Hoge resolutie:
Nee

compatibele Browsers:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

files inbegrepen:
JavaScript JS, HTML, XML, CSS

Software versie:
jQuery

Trefwoorden

eCommerce, eCommerce, Alle spullen, animatie, automatisch afspelen, banier, controls, GreenSock, image snijmachine, intelligent, jQuery, meerdere formaten, snijmachine, schuif, tijdlijn, timelinemax, tweenmax, xml