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 Cover Flow

— Add- On para WorldWideScripts.net

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

¡Nuevo! Síguenos como quieras!


HTML5 Canvas Cover Flow - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Este es un increíble HTML5 Canvas XML Cover Flow presenta una galería de fotos en 3D con un montón de características. Puede personalizar casi cualquier cosa y la presentación realidad 3D es tan bueno que muy probablemente nunca tendrá otra Cover Flow.

Esta muy complejo HTML5 Canvas 3D cubierta Flowis 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).

Esta Cover Flow HTML5 Canvas 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 CanvasCoverflow ("myCanvas", "carga / config.xml"); Código HTML:

La función de la clase CanvasCoverflow 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 CanvasCoverflow 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.

Tenga en cuenta que el panel de control de la demo está allí sólo para mostrar cómo el flujo de la cubierta se puede configurar, para su uso el componente viene sin el panel de control, int los archivos de origen de ambos componentes del panel de control sencillo y están incluidos. Cubra Características de flujo:

 mobile optimized. 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 components canvas width and height. set the cover flow position on the canvas. set the thumb width and height. set the cover flow images space on x, y and z axis. set the cover flow 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 (this means that they will not be visible). 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 coverflow can also be scrolled with the mousewheel (you can disable this if you want). 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 coverflow 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:
13 de abril 12

Última actualización:
N / A

Alta resolución:
No

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

Archivos incluidos:
JavaScript JS, HTML, XML

Versión del software:
HTML5

Palabras clave

eCommerce, eCommerce, Todos los objetos, lona, Cover Flow, CoverFlow, html5, png, xml