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

@de1wwsAbonniere den Feed um auf dem neuesten Stand zu bleiben!

Neu! Folge uns, wie Du es möchtest!


XML Timeline Animation Banner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

XML - Timeline - Animation Banner
Bevor die iPhones und iPads, hat Blitz die beste kostengünstige Lösung bei der Bereitstellung von Qualität Animationen im Web gewesen. Aber mit der zunehmenden Popularität von iOS-Geräte ohne Flash-Unterstützung, die Industrie langsam verlagert Standards zu öffnen. Entwickler stützen sich größtenteils auf Javascript Animation-Bibliotheken für ihre Animation Bedürfnisse. Leider haben die meisten dieser Bibliotheken noch einige Einschränkungen, die XML-Timeline-Animation Banner zu adressieren möchten. Überprüfen Sie die unten aufgeführten Funktionen aus. Es könnte nur sein, was Sie suchen.

Eigenschaften

1. CSS - Animation
Dies nutzt die Kraft von JQuery DOM-Elemente und Greensock-Animation Platform (GSAP) v12 für die wirklich verrückt schnelle Animation und Sequenzierung auszuwählen. Sie können fast alle CSS-Eigenschaft von DOM-Elementen einschließlich Grenze, Farbe, Prozente, Opazität, cool Transformationen wie skewX, skewY, scaleX scaleY, Rotation, x und y animieren. Es gibt keine vorgegebenen CSS Parameter in der XML, die Sie eingeben müssen. Einfach animieren nur die Eigenschaften, die Sie ein oder mehrere DOM elements.Below benötigen ein Beispiel ist die CSS-Animation zeigt.

2. Javascript Objekt Eigenschaft und Funktion-basierte Objekt Tweening
XML-Timeline-Animation Banner ist nicht nur auf DOM-Element Animation beschränkt. Es bietet auch eine Möglichkeit Objekteigenschaften Tween. Sie können unter Verwendung von Arrays ein einzelnes Objekt oder sogar mehrere Zielobjekte. Dieses besondere Funktion bietet eine flexible Möglichkeit, grafische Objekte in einem Canvas-Element zu animieren. Ein weiteres Merkmal ist die Fähigkeit, funktionsbasierte Eigenschaften Tween. Es wird funktionieren, wenn Sie ein Objekt mit einer Funktion Rotation haben (), die bekommt und setzt einen Wert. Auch kann es auch tweenen auch wenn Sie Funktionen wie setRotation haben () und getRotation ().

3. Erweiterte Timeline - Sequenzierung
Mit Zeitrahmen können Sie die Einfügemarke versetzt, richten Animationen gleichzeitig Startzeit oder richten sie eine nach der anderen. Sie können sogar eine Zeit festgelegt, die auf die Startzeit jedes Animation hinzugefügt werden können. Sie können sogar durch Verschachtelung Zeitrahmen (Timeline innerhalb einer Zeitleiste) gehen weiter. Sie können auch mehrere Banner, die auf einer Seite separate Steuerungen haben.

4. Quer Browser, PC, Mac, Android und iOS kompatibel
Mit einem PC, Mac, Android oder iOS-Gerät? Kein Problem. Da es in Javascript geschrieben, sollte es auf Ihren Geräten arbeiten. Standard-CSS-Eigenschaften einschließlich spezieller Transformationen wie Rotation, scaleX scaleY, Zunder, skewX, skewY, x, y, transformOrigin wird in allen modernen Browsern arbeiten, auch mit einem klassischen Browser wie Internet Explorer 6. Nicht-Standard-CSS-Eigenschaften werden auf Browser-abhängig unterstützen. Also, wenn Ihr Browser unterstützt wird, können sie animiert werden.

5. Erweiterte Benutzereinstellungen
Die Benutzer werden nun Video-ähnliche Kontrollen (ohne Pufferung) haben, wenn die Animation angezeigt wird. Wiederholen, Pause, spielen oder suchen (Zeit oder Label) zu jeder Zeit, damit die Benutzer müssen nichts verpassen. Sie können Etiketten verwenden, die in der Suchleiste genau markiert werden, damit die Benutzer wissen, wann der nächste Satz von Animation beginnt. All das kann in der XML eingestellt werden.

6. Mehrere Banner auf einer Seite anzeigen
Sie können mehrere Banner auf einer Seite mit einer XML gesetzt. Jeder Banner kann seine eigene Timeline-Sequenz und Kontrollen haben.

7. Ein XML, Größen Mehrere Banner
Eine xml kann auf verschiedene Seiten erfordern verschiedene Bannerformate wiederverwendet werden. Dies kann Kosten schneiden, weil es keine Notwendigkeit, die gleiche Animation mit unterschiedlichen Bannergrößen zu überarbeiten. Dies kann durch Verwendung einer Kombination von% bezogen Position und Größe erreicht werden.

8. Scheibe Ihre Bilder mit ImageSlicer
ImageSlicer verwendet CSS, um bequem in Scheiben schneiden und Bilder animieren nur durch die Anzahl der Zeilen und Spalten in der XML-Einstellung. In Kombination mit Timeline-Sequenzierung, schafft es kühl Bildscheibe Übergänge.

9. Intelligente automatische Wiedergabe
Die meiste Zeit Sie keine Banner Animation benötigen zu spielen, wenn es gegenwärtig nicht auf der Seite ist. Mit dieser Funktion können Sie optional angeben, das Banner Animation zu pausieren, wenn sie nicht auf Ihrer Seite angezeigt. Das spart zusätzliche Prozessorbelastung vor allem bei mobilen Geräten.

10. DOM - Element Event - Handler
Dies trägt dazu bei Veranstaltungen DOM-Elemente befestigen, ohne Codierung.

Hinweis: Bilder werden nicht in Kauf enthalten.


Herunterladen
Weitere Komponenten in dieser KategorieAlle Komponenten dieses Autors
KommentareHäufige Fragen und Antworten

Eigenschaften

Erstellt:
10. September 12

Letztes Update:
12 September 12

Hohe Auflösung:
Nein

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

Dateien inklusive:
JavaScript JS, HTML, XML, CSS

Softwareversion:
jQuery

Stichworte

E-Commerce, E-Commerce, Alle Elemente, Animation, automatisches Abspielen, Banner, Steuerung, GreenSock, Bildfeldzerleger, intelligent, jquery, Multi-Grö, ß, e, Hobel, Schieberegler, Zeitleiste, timelinemax, tweenmax, xml