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

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


HTML5 Canvas Carousel - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Siga Envato Siga FACEBOOK

Atualize 2012/09/21 - Nós corrigimos alguns problemas de navegação no celular, o carrossel é mais responsivo.

Esta é uma incrível HTML5 Canvas Carrossel XML apresentando uma galeria de fotos 3D na forma de um carrossel com toneladas de recursos. Você pode personalizar quase qualquer coisa ea apresentação realidade 3D é tão boa que provavelmente você nunca vai precisar de outro carrossel.

Esta muito complexo HTML5 Canvas 3D Carousel é otimizado para dispositivos móveis (dispositivos móveis Android e iOS como o iPad2, iPad3, iPhone, Samsung Galaxy Tab etc). Não só funciona nesses dispositivos, mas ele age como um aplicativo nativo, você pode tocar e arrastar / girar o carrossel, tal como faria um aplicativo nativo. Por favor, note que nós testamos em IOS (iPad2 e iPad3) e Android (Samsung Galaxy Tab) eo desempenho é realmente bom, especialmente no iPad com IOS5 ou superior (a tela a partir desta dispositivos é acelerado por hardware).

Este HTML5 Canvas Carrossel pode ter qualquer imagem apresentada em qualquer maneira que você quiser: horizontal, vertical, oblíqua, também tem presets exclusivos com movimentos pré-definidos e apresentações. Você também pode definir as cores da fronteira botões, preloaders scrollbar etc, basicamente toda a cor e gráficos tema pode ser modificado. Além disso, todos os botões e barra de rolagem são opcionais.

Todas as opções podem ser facilmente modificados a partir do arquivo XML de configuração, portanto, também a manutenção do carrossel é muito mais fácil.

 Example for setting up the carousel: 

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

A função de classe CanvasCarousel JavaScript precisa de apenas dois argumentos: o ID de lona eo caminho para o arquivo XML. Desta forma, você pode declarar várias instâncias, a criação de uma nova instância CanvasCarousel para cada tela, com um ID diferente e até mesmo uma configuração XML diferente, se desejar.

Um arquivo de ajuda é anexado ao arquivo de download explicando todas as tags de configuração e instalação. Características do carrossel:

 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. 

Muitos outros recursos interessantes!


Download
Outros componentes nesta categoriaTodos os componentes deste autor
ComentáriosPerguntas mais frequentes perguntas e respostas

Propriedades

Criado:
04 abril 12

Última atualização:
N / D

Alta resolução:
Não

Navegadores compatíveis:
IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Arquivos incluídos:
JS JavaScript, HTML, XML, CSS

Versão do software:
HTML5, Outros

Palavras-chave

eCommerce, eCommerce, Todos os itens, andró, ide, lona, carrossel canvas, carrossel, html5, ios, mó, vel, xml