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

Aboneaza-te la feed-ul nostru pentru a rămâne până la data!

Nou! Urmați- ne cum vrei!


HTML5 Canvas Carousel - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Urmați Envato Urmați FACEBOOK

Actualizați 21.09.2012 - Noi am stabilit unele probleme de navigare pe mobil, caruselul este mai receptiv.

Aceasta este o uimitoare HTML5 Canvas XML Carousel prezintă o galerie foto 3D in forma de un carusel cu tone de caracteristici. Puteți personaliza aproape orice și prezentarea realității 3D este atât de bine că cel mai probabil nu vei mai avea nevoie de un alt tip carusel.

Acest lucru foarte complex HTML5 Canvas 3D Carousel este optimizat pentru dispozitive mobile (Android și iOS dispozitive mobile, cum ar fi iPad2, iPad3, iPhone, Samsung Galaxy Tab, etc). Se ruleaza nu numai pe acele dispozitive, dar acționează ca o aplicatie nativa, puteți atinge și trageți / roti Carousel la fel cum ați face o aplicatie nativa. Vă rugăm să rețineți că am testat-o ​​pe IOS (iPad2 și iPad3) și Android (Samsung Galaxy Tab) și de performanță este foarte bun mai ales pe iPad cu IOS5 sau mai mare (panza de pe acest dispozitivele este accelerare hardware).

Acest HTML5 Canvas Carousel poate avea orice imagine prezentata in orice mod doriți: orizontală, verticală, oblică, de asemenea, are presetări unice cu mișcări predefinite și prezentări. Puteți seta, de asemenea culorile frontierei butoane, preloaders scrollbar etc, practic întreaga tema de culori și grafică pot fi modificate. Mai mult decât atât, toate butoanele și defilare sunt opționale.

Toate opțiunile pot fi ușor modificate din fișierul de configurare XML, prin urmare, de asemenea, menținerea caruselului este mult mai ușor.

 Example for setting up the carousel: 

JavaScript cod: var cc = CanvasCarousel nou ("myCanvas", "sarcină / config.xml"); Codul HTML:

Funcția de clasă CanvasCarousel JavaScript trebuie doar 2 argumente: id-ul pânză și calea către fișierul XML. În acest fel, puteți declara mai multe instanțe, creând o nouă instanță CanvasCarousel pentru fiecare panza, cu un alt ID-ul și chiar o configurație diferită XML, dacă doriți.

Un fișier de ajutor este atașat la dosarul de descărcare a explica toate etichetele de configurare și instalare. Caracteristici carusel:

 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. 

Multe alte caracteristici cool!


Descărcați
Alte componente din această categorieToate componentele acestui autor
ComentariiÎntrebări frecvente și răspunsuri

Proprietăți

Creat:
04-04-12

Ultima actualizare:
N / A

Rezoluție înaltă:
Nu

Browsere compatibile:
IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Fișiere incluse:
JavaScript JS, HTML, XML, CSS

Versiune software:
HTML5, Altele

Cuvinte cheie

eCommerce, eCommerce, Toate produsele, android, pâ, nză, panza carusel, carusel, HTML5, ios, mobil, xml