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

@fr1wwsAbonnez-vous à notre RSS pour rester à jour!

Nouveau! Suivez-nous que vous le souhaitez!


XML Timeline Animation Banner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

XML Chronologie d' animation Bannière
Avant que les iPhones et iPads, Flash a été la meilleure solution rentable dans la prestation des animations de qualité dans le web. Mais avec la popularité croissante des appareils iOS sans support du flash, l'industrie est lentement en train de changer à des normes ouvertes. Les développeurs comptent essentiellement sur les bibliothèques d'animation Javascript pour leurs besoins d'animation. Malheureusement, la plupart de ces bibliothèques ont encore quelques limitations qui XML Timeline animation bannière aimerait aborder. Découvrez les caractéristiques ci-dessous. Il pourrait être juste ce que vous cherchez.

Caractéristiques

1. CSS Animations
Celui-ci utilise la puissance de JQuery pour sélectionner DOM Elements et Greensock Animations Platform (GSAP) v12 pour l'animation rapide vraiment fou et le séquençage. Vous pouvez animer presque toutes les propriétés CSS des éléments DOM compris bordure, la couleur, les pourcentages, l'opacité, de la transformation cool comme skewX, skewY, scaleX, scaleY, rotation, x et y. Il n'y a pas de paramètres CSS prédéterminés dans le XML que vous avez besoin à l'entrée. Il suffit d'animer uniquement les propriétés dont vous avez besoin à un ou plusieurs DOM elements.Below est un exemple montrant l'animation de css.

2. Javascript Object et basée sur les fonctions de la propriété Tweening
XML Timeline animation bannière ne se limite pas à l'animation DOM Element. Il fournit également un moyen d'interpoler des propriétés d'objet. Vous pouvez cibler un objet unique ou même des objets multiples en utilisant des tableaux. Cette grande fonctionnalité offre un moyen souple pour animer des objets graphiques dans un élément Canvas. Une autre caractéristique est la capacité de propriétés d'interpolation basés sur la fonction. Il ne fonctionnera que si vous avez un objet avec une rotation de fonction () qui obtient et définit une valeur. En outre, il peut aussi interpoler même si vous avez des fonctions comme setRotation () et getRotation ().

3. avancée Timeline Sequencing
Utilisation des délais, vous pouvez décaler le point d'insertion, d'aligner des animations dans le même temps de début ou de les aligner les uns après les autres. Vous pouvez même définir un temps qui peut être ajouté à l'heure de début de chaque animation. Vous pouvez même aller plus loin en échéanciers de nidification (de chronologie dans un calendrier). Vous pouvez également avoir plusieurs bannières qui ont des commandes séparées dans une seule page.

4. Cross-navigateur, PC, Mac, Android et iOS compatible
L'utilisation d'un PC, Mac, Android ou IOS périphérique? Pas de problème. Comme il est écrit en Javascript, il devrait fonctionner sur vos appareils. propriétés CSS standard, y compris des transformations spéciales comme la rotation, scaleX, scaleY, échelle, skewX, skewY, x, y, transformOrigin fonctionnera dans tous les navigateurs modernes, même avec un navigateur classique tel que Internet Explorer 6. propriétés CSS non standard dépendra navigateur soutien. Donc, si votre navigateur prend en charge, il peut être animé.

5. Contrôles avancés des utilisateurs
Les utilisateurs auront désormais des commandes vidéo comme (sans tampon) lors de la visualisation de l'animation. Répéter, faire une pause, jouer ou chercher (temps ou étiquette) à tout moment afin que vos utilisateurs ne doivent pas manquer une chose. Vous pouvez utiliser des étiquettes qui sont précisément marqués dans la barre de recherche afin que vos utilisateurs vont savoir quand la prochaine série d'animation commence. Tout ce qui peut être défini dans le fichier XML.

6. Bannières multiples dans une seule page
Vous pouvez définir plusieurs bannières dans une seule page en utilisant un XML. Chaque bannière peut avoir sa propre séquence de la chronologie et les contrôles.

7. Un XML, plusieurs tailles Bannière
Un xml peut être réutilisé dans différentes pages nécessitant différentes tailles de bannières. Cela peut réduire les coûts, car il n'y aura pas besoin de retravailler la même animation avec différentes tailles de bannières. Ceci peut être réalisé en utilisant une combinaison de% par rapport la position et la taille.

8. Couper vos images avec ImageSlicer
ImageSlicer utilise CSS pour couper facilement et animer des images en réglant simplement le nombre de lignes et de colonnes dans le fichier XML. Combiné avec le séquençage chronologique, il crée des transitions sympas l'image de tranche.

9. Intelligent Autoplay
La plupart du temps, vous n'avez pas besoin d'une animation bannière pour jouer quand il est actuellement visible dans la page. Avec cette fonctionnalité, vous pouvez éventuellement spécifier pour mettre en pause l'animation de la bannière lorsqu'ils ne sont pas présents dans votre page. Cela permet d'économiser processeur supplémentaire en tête en particulier avec les appareils mobiles.

10. DOM Element Event Handler
Cela aide à joindre les événements à DOM Éléments sans codage.

Remarque: Les images ne sont pas inclus dans votre achat.


Télécharger
D'autres éléments de ce typeTous les composants de cet auteur
CommentairesFoire aux questions et réponses

Propriétés

Créé:
10 Septembre 12

Dernière mise à jour:
12 Septembre 12

Haute résolution:
Non

Navigateurs compatibles:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

fichiers inclus:
JavaScript JS, HTML, XML, CSS

Une version de logiciel:
jQuery

Mots-clés

commerce é, lectronique, commerce é, lectronique, Tous les articles, animation, lecture automatique, banniè, re, contrô, les, Greensock, l'image slicer, intelligent, jquery, multi-taille, trancheuse, curseur, chronologie, timelinemax, TweenMax, xml