Home / Premium Pro Plugins / HTML5 Canvas Carousel

HTML5 Canvas Carousel

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)


Replace 21.09.2012 – We have now fastened some navigation issues on cellular, the carousel is extra responsive.

That is a tremendous HTML5 Canvas XML Carousel presenting a 3D picture gallery within the form of a carousel with tons of options. You possibly can customise nearly something and the 3D actuality presentation it’s so good that the majority most likely you’ll by no means want one other carousel.

This very complicated HTML5 Canvas 3D Carousel is optimized for cellular gadgets (Android and IOS cellular gadgets reminiscent of iPad2, iPad3, iPhone, Samsung Galaxy Tab and so forth). It not solely runs on these gadgets but it surely acts like a local app, you’ll be able to contact and drag/rotate the Carousel simply as you’ll a local app. Please observe that we now have examined it on IOS (iPad2 and iPad3) and Android (Samsung Galaxy Tab) and the efficiency is de facto good particularly on the iPad with IOS5 or larger (the canvas on this gadgets is accelerated).

This HTML5 Canvas Carousel can have any picture offered in any method you need: horizontal, vertical, indirect, additionally it has distinctive presets with pre-defined actions and displays. You too can set the colours of the buttons, scrollbar preloaders border and so forth, mainly your complete shade and graphics theme may be modified. Furthermore, all of the buttons and scrollbar are optionally available.

All of the choices may be simply modified from the configuration XML file, subsequently additionally the sustaining of the carousel it’s a lot simpler.

Instance for establishing the carousel:

JavaScript code: var cc = new CanvasCarousel(“myCanvas”, “load/config.xml”);
HTML code:

The CanvasCarousel JavaScript class perform wants simply 2 arguments: the canvas id and the trail to the XML file. On this method you’ll be able to declare a number of cases, creating a brand new CanvasCarousel occasion for each canvas, with a unique id and even a unique XML configuration if you want.

A assist file is hooked up to the obtain file explaining all configuration tags and set up.
Carousel Options:

XML pushed
all of the positions, sizes and theme colours may be modified contained in the XML file.
helps any picture recordsdata (png, jpg, gif).
set the element's canvas width and top.
set the carousel place on the canvas.
set the thumb width and top.
set the carousel radius on x, y and z axis.
set the carousel angle for horizontal, vertical or indirect presentation.
set the thumb border measurement and shade.
tooltip thumb choice, which is dynamic (following the mouse).
set the tooltip background shade and the textual content measurement and shade.
the buttons may be enabled or disabled (seen or not).
set the buttons colours.
the scrollbar may be enabled or disabled just like the buttons.
set the scrollbar monitor and handler colours.
the buttons, scrollbar and slideshow preloader positions may be set to be wherever.
the carousel may also be rotated with the mousewheel (may be disabled).
slide present choice.
auto play choice.
set the slideshow transition time (when set to autoplay).
it might open URLs when a picture is clicked.
the efficiency of this product is so good which you could have a number of carousel cases set to auto-slide in the identical web page of your venture or web site.

Many different cool options!


Check Also


Double Colors

DOWNLOAD It’s countless recreation. You want faucet for rotate blocks. Contact similar colours! Watch video ...


Love Calculator

DOWNLOAD Love calculator is a enjoyable software the place buddies and can calculate the share ...