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

Abonner på vores feed for at holde dig ajour !

Nyt! Følg os som du ønsker det!


HTML5 Canvas Carousel - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Følg Envato Følg FACEBOOK

Opdater 2012/09/21 - Vi har faste nogle problemer navigation på mobile, karrusellen er mere lydhør.

Dette er en fantastisk HTML5 Canvas XML Carousel præsentere en 3D fotogalleri i form af en karrusel med tonsvis af funktioner. Du kan tilpasse næsten alt og 3D-virkelighed præsentation det er så godt, at de fleste sandsynligvis vil du aldrig brug for en anden karrusel.

Denne meget komplekse HTML5 Canvas 3D Carousel er optimeret til mobile enheder (Android og iOS mobile enheder såsom iPad2, iPad3, iPhone, Samsung Galaxy Tab osv). Det handler ikke kun kører på disse enheder, men det virker som en indfødt app, du kan røre og trække / dreje Carousel ligesom du ville en indfødt app. Bemærk, at vi har testet det på IOS (iPad2 og iPad3) og Android (Samsung Galaxy Tab), og ydelsen er virkelig god, især på iPad med iOS5 eller højere (lærredet på dette udstyr er hardware-accelereret).

Dette HTML5 Canvas Carousel kan have et billede præsenteres på nogen måde, du ønsker: vandret, lodret, skrå, det har også unikke presets med foruddefinerede bevægelser og præsentationer. Du kan også indstille farverne på knapper, rullebjælken preloaders grænsen osv, dybest set hele farve og grafik tema kan ændres. Desuden er alle de knapper og scrollbar er valgfri.

Alle indstillinger kan let ændres fra konfigurationen XML-filen, dermed også opretholdelsen af ​​karrusellen, det er meget lettere.

 Example for setting up the carousel: 

JavaScript-kode: var cc = ny CanvasCarousel ("myCanvas", "load / config.xml"); HTML-kode:

Den CanvasCarousel JavaScript klassen funktion kræver kun 2 argumenter: lærredet id og stien til XML-filen. På denne måde kan du erklære flere forekomster, skabe en ny CanvasCarousel instans for hvert lærred, med en anden id og endda et andet XML konfiguration, hvis du ønsker det.

En hjælp fil er vedhæftet til download fil forklare alle konfigurations tags og installation. Carousel funktioner:

 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. 

Mange andre seje funktioner!


Hent
Andre komponenter i denne kategoriAlle komponenter i denne forfatter
KommentarerOfte stillede spørgsmål og svar

Egenskaber

Oprettet:
4 april 12

Sidste ændring:
N / A

Høj opløsning:
Ingen

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

Filer Inkluderet:
JavaScript JS, HTML, XML, CSS

Software Version:
HTML5, Andet

Søgeord

eCommerce, eCommerce, Alle emner, android, læ, rred, læ, rred karrusel, karrusel, HTML5, iOS, mobil, xml