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, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Canvas

HTML5 Canvas Carousel

— Add-On pour WorldWideScripts.net

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

Nouveau! Suivez-nous que vous le souhaitez!


HTML5 Canvas Carousel - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Suivez Envato Suivez FACEBOOK

Mise à jour 21.09.2012 - Nous avons corrigé quelques problèmes de navigation sur mobile, le carrousel est plus sensible.

Ceci est une toile HTML5 XML Carousel étonnant présentant une galerie de photos 3D en forme d'un carrousel avec des tonnes de fonctionnalités. Vous pouvez personnaliser presque rien et la présentation de la réalité 3D, il est si bon que probablement vous ne serez jamais besoin d'un autre carrousel.

Cette très complexe HTML5 Canvas 3D Carousel est optimisé pour les appareils mobiles (appareils mobiles Android et iOS tels que iPad2, iPad3, iPhone, Samsung Galaxy Tab, etc.). Il fonctionne non seulement sur ces appareils, mais il agit comme une application native, vous pouvez toucher et glisser / tourner le carrousel comme vous le feriez une application native. S'il vous plaît noter que nous avons testé sur iOS (et iPad2 iPad3) et Android (Samsung Galaxy Tab) et la performance est très bien, surtout sur l'iPad avec IOS5 ou supérieur (la toile sur ce périphérique est l'accélération matérielle).

Cette HTML5 Canvas Carousel peut avoir toute image présentée de quelque façon que vous voulez: horizontale, verticale, oblique, aussi il a presets uniques avec des mouvements et des présentations pré-défini. Vous pouvez également définir les couleurs de la frontière boutons, preloaders la barre de défilement, etc, essentiellement le thème de la couleur et des graphiques entier peut être modifié. En outre, tous les boutons et la barre de défilement sont facultatifs.

Toutes les options peuvent être facilement modifiés à partir du fichier de configuration XML, donc également le maintien du carrousel, il est beaucoup plus facile.

 Example for setting up the carousel: 

Le code JavaScript: var = new CanvasCarousel cc ("myCanvas", "charge / config.xml"); Le code HTML:

La fonction de la classe CanvasCarousel JavaScript doit seulement 2 arguments: l'id de la toile et le chemin vers le fichier XML. De cette façon, vous pouvez déclarer plusieurs instances, la création d'une nouvelle instance de CanvasCarousel pour chaque toile, avec un id différent et même une configuration XML différente si vous le souhaitez.

Un fichier d'aide est joint au dossier de téléchargement expliquant tous les tags et l'installation configuration. Caractéristiques Carousel:

 XML driven all the positions, sizes and theme colors can be changed inside the XML file. supports any image files (png, jpg, gif). set the component's canvas width and height. set the carousel position on the canvas. set the thumb width and height. set the carousel radius on x, y and z axis. set the carousel angle for horizontal, vertical or oblique presentation. set the thumb border size and color. tooltip thumb option, which is dynamic (following the mouse). set the tooltip background color and the text size and color. the buttons can be enabled or disabled (visible or not). set the buttons colors. the scrollbar can be enabled or disabled like the buttons. set the scrollbar track and handler colors. the buttons, scrollbar and slideshow preloader positions can be set to be anywhere. the carousel can also be rotated with the mousewheel (can be disabled). slide show option. auto play option. set the slideshow transition time (when set to autoplay). it can open URLs when an image is clicked. the performance of this product is so good that you can have multiple carousel instances set to auto-slide in the same page of your project or website. 

Beaucoup d'autres fonctionnalités intéressantes!


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éé:
4 Avril 12

Dernière mise à jour:
N / A

Haute résolution:
Non

Navigateurs compatibles:
IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Fichiers inclus:
JS JavaScript, HTML, XML, CSS

Une version de logiciel:
HTML5, Autres

Mots-clés

eCommerce, eCommerce, Tous les articles, androï, de, toile, toile carrousel, carrousel, html5, ios, mobile, xml