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

@es1wwsSuscríbete a nuestro RSS para estar al día!

¡Nuevo! Síguenos como quieras!


HTML5 Canvas Carousel - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Siga Envato Siga FACEBOOK

Actualizar 09/21/2012 - Hemos solucionado algunos problemas de navegación en el móvil, el carrusel es más sensible.

Este es un increíble HTML5 Canvas XML Carousel presentar una galería de fotos en 3D con la forma de un carrusel con toneladas de características. Puede personalizar casi cualquier cosa y la presentación realidad 3D es tan bueno que muy probablemente nunca tendrá otro carrusel.

Esta muy complejo HTML5 Canvas 3D Carousel está optimizado para dispositivos móviles (dispositivos móviles Android y iOS, como iPad2, iPad3, iPhone, Samsung Galaxy Tab, etc). No sólo se ejecuta en los dispositivos sino que actúa como una aplicación nativa, puede tocar y arrastrar / girar el carrusel tal como lo haría una aplicación nativa. Tenga en cuenta que hemos probado en IOS (iPad2 y iPad3) y Android (Samsung Galaxy Tab) y el rendimiento es realmente buena, especialmente en el iPad con iOS5 o superior (el lienzo sobre estos dispositivos es acelerada de hardware).

Este HTML5 Canvas carrusel puede tener cualquier imagen que se presenta en la forma que desee: horizontal, vertical, oblicua, también tiene presets únicos con movimientos y presentaciones predefinidas. También puede ajustar los colores de la frontera botones, preloaders barra de desplazamiento, etc, básicamente, todo el color y gráficos tema puede ser modificado. Por otra parte, todos los botones y la barra de desplazamiento son opcionales.

Todas las opciones se pueden modificar fácilmente desde el archivo XML de configuración, por lo tanto también el mantenimiento del carrusel es mucho más fácil.

 Example for setting up the carousel: 

JavaScript código: var cc = new CanvasCarousel ("myCanvas", "carga / config.xml"); Código HTML:

La función de la clase CanvasCarousel JavaScript necesita sólo 2 argumentos: el id de la lona y de la ruta de acceso al archivo XML. De esta manera se puede declarar varias instancias, la creación de una nueva instancia CanvasCarousel por cada lienzo, con una identificación diferente e incluso una configuración XML diferente si lo desea.

Un archivo de ayuda se adjunta al archivo de descarga que explica todas las etiquetas de configuración e instalación. Características 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. 

Muchas otras características interesantes!


Descargar
Otros componentes de esta categoríaTodos los componentes de este autor
ComentariosPreguntas frecuentes y respuestas

Propiedades

Creado:
04 de abril 12

Última actualización:
N / A

Alta resolución:
Sin

Los navegadores compatibles:
IE9, IE10, EI11, Firefox, Safari, Opera, Chrome

Archivos incluidos:
JavaScript JS, HTML, XML, CSS

Versión del software:
HTML5, Otros

Palabras clave

eCommerce, eCommerce, Todos los objetos, androide, lona, carrusel de lona, carrusel, html5, ios, mó, vil, xml