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å vårt feed for å holde deg oppdatert!

Nyhet! Følg oss som du vil ha det!


HTML5 Canvas Carousel - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Følg Envato Følg FACEBOOK

Oppdater 21.09.2012 - Vi har fikset noen navigasjonsproblemer på mobil, er karusellen mer responsive.

Dette er en fantastisk HTML5 Canvas XML Carousel presentere et 3D-fotogalleri i form av en karusell med tonnevis av funksjoner. Du kan tilpasse nesten alt og 3D virkeligheten presentasjonen det er så bra at de fleste sannsynligvis vil du aldri trenger en annen karusell.

Denne svært komplekse HTML5 Canvas 3D Carousel er optimalisert for mobile enheter (Android og IOS mobile enheter som iPad2, iPad3, iPhone, Samsung Galaxy Tab etc). Det går ikke bare på disse enhetene, men det fungerer som en innfødt app, du kan berøre og dra / roter karusellen akkurat som du ville en innfødt app. Vær oppmerksom på at vi har testet den på IOS (iPad2 og iPad3) og Android (Samsung Galaxy Tab) og ytelsen er veldig bra, spesielt på iPad med iOS5 eller høyere (lerretet på denne enheter er maskinvareakselerert).

Dette HTML5 Canvas Carousel kan ha et bilde presenteres på noen måte du ønsker: horisontal, vertikal, skrå, også den har unike presets med forhåndsdefinerte bevegelser og presentasjoner. Du kan også angi fargene på knapper, scrollbar preloaders grensen etc, i utgangspunktet hele farge og grafikk tema kan endres. Dessuten, alle knapper og scrollbar er valgfrie.

Alle alternativene kan enkelt endres fra konfigurasjons XML-fil, derfor også å opprettholde av karusellen er det mye enklere.

 Example for setting up the carousel: 

Javascript-kode: var cc = new CanvasCarousel ("myCanvas", "last / config.xml"); HTML-kode:

Den CanvasCarousel Javascript klasse funksjon trenger bare to argumenter: lerretet id og banen til XML-filen. På denne måten kan du deklarere flere forekomster, og skaper en ny CanvasCarousel forekomst for hvert lerret, med en annen id og enda en annen XML konfigurasjon hvis du ønsker det.

En hjelpefilen er festet til nedlastingsfilen forklarer alle konfigurasjons koder og installasjon. Carousel Funksjoner:

 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 kule funksjoner!


Laste ned
Andre komponenter i denne kategorienAlle komponenter av denne forfatteren
KommentarerOfte stilte spørsmål og svar

Egenskaper

Laget:
4 april 12

Siste oppdatering:
N / A

Høy oppløsning:
Nei

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

Filer Inkludert:
Javascript JS, HTML, XML, CSS

Programvareversjon:
HTML5, Annet

Søkeord

eCommerce, eCommerce, Alle artikler, android, lerret, lerret karusell, karusell, HTML5, ios, mobil, xml