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

Rep les nostres RSS per estar al dia!

Nou! Segueix-nos com vulguis!


HTML5 Canvas Carousel - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Seguiu Envato Seguiu FACEBOOK

Actualitzar 09/21/2012 - Hem solucionat alguns problemes de navegació al mòbil, el carrusel és més sensible.

Aquest és un increïble HTML5 Canvas XML Carousel presentar una galeria de fotos en 3D amb la forma d'un carrusel amb tones de característiques. Podeu personalitzar gairebé qualsevol cosa i la presentació realitat 3D és tan bo que molt probablement mai tindrà un altre carrusel.

Aquesta molt complex HTML5 Canvas 3D Carousel està optimitzat per a dispositius mòbils (dispositius mòbils Android i iOS, com iPad2, iPad3, iPhone, Samsung Galaxy Tab, etc). No només s'executa en els dispositius sinó que actua com una aplicació nativa, pot tocar i arrossegar / girar el carrusel tal com ho faria una aplicació nativa. Recordeu que hem provat en IOS (iPad2 i iPad3) i Android (Samsung Galaxy Tab) i el rendiment és realment bona, especialment en l'iPad amb iOS5 o superior (el llenç sobre aquests dispositius és accelerada de maquinari).

Aquest HTML5 Canvas carrusel pot tenir qualsevol imatge que es presenta en la forma que desitgi: horitzontal, vertical, obliqua, també té presets únics amb moviments i presentacions predefinides. També pot ajustar els colors de la frontera botons, preloaders barra de desplaçament, etc, bàsicament, tot el color i gràfics tema pot ser modificat. D'altra banda, tots els botons i la barra de desplaçament són opcionals.

Totes les opcions es poden modificar fàcilment des de l'arxiu XML de configuració, per tant també el manteniment del carrusel és molt més fàcil.

 Example for setting up the carousel: 

JavaScript codi: var cc = new CanvasCarousel ("myCanvas", "càrrega / config.xml"); Codi HTML:

La funció de la classe CanvasCarousel JavaScript necessita només 2 arguments: l'id de la lona i de la ruta d'accés a l'arxiu XML. D'aquesta manera es pot declarar diverses instàncies, la creació d'una nova instància CanvasCarousel per cada llenç, amb una identificació diferent i fins i tot una configuració XML diferent si ho desitja.

Un arxiu d'ajuda s'adjunta a l'arxiu de descàrrega que explica totes les etiquetes de configuració i instal·lació. Característiques del carrusel:

 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. 

Moltes altres característiques interessants!


Descarregar
Altres components d'aquesta categoriaTots els components d'aquest autor
Comentaris dels clientsPreguntes freqüents i respostes

Propietats

Creat:
Abril 4 12

Darrera actualització:
N / A

Alta resolució:
Sense

Els navegadors compatibles:
IE9, IE10, EI11, Firefox, Safari, Opera, Chrome

Arxius inclosos:
JavaScript JS, HTML, XML, CSS

Versió del programari:
HTML5, Altres

Paraules clau

eCommerce, eCommerce, Tots els Articles, androide, lona, carrusel de lona, carrusel, html5, is, mò, bil, xml