CCSlider – jQuery 3d Slideshow Plugin
WordPress Plugin Version Available Here
CCSlider is an distinctive jQuery slideshow plugin. It helps 3d transitions! There are 14 beautiful 3d transitions out there, and in addition 16 trendy second transitions. You have the choice for mentioning a second transition fallback for outdated browsers that don’t assist HTML5 Canvas, which is used for producing the 3d transitions. The slider is totally responsive, works in cell units and helps contact gestures to navigate via the slides. The plugin additionally helps HTML captions, autoplay of slides, customized HTML content material and customized transitions per slide. See beneath for an inventory of options out there within the plugin.
Features
- 14 HTML5 Canvas primarily based 3d animated results.
- 16 trendy second animated results.
- Fallback to a second impact of your alternative for browsers that don’t assist HTML5 Canvas. Can additionally point out an animation velocity for the fallback impact.
- Option to say the variety of slices for 3d results.
- Option to say the animation delay between particular person slices.
- Can additionally point out wherein path the delay will propagate. There are 4 such instructions.
- Option to say the offset alongside z-axis and the separation between slices whereas animating for 3d results.
- Mention an easing choice of your alternative for 3d results.
- Can point out customized transition parameters for every slide.
- Option to have a shadow for “Cube” 3d results. Can additionally point out a shadow coloration of your alternative.
- Option to make use of clear png pictures as slide pictures for 3d results.
- Supports HTML captions. There are 4 out there caption positions – backside, prime, left, proper.
- Each slide can have a distinct caption place.
- Captions can have animated transitions (fade, slide) or none in any respect.
- Option to have management hyperlinks to particular person slides. Can even have thumbnails as hyperlinks.
- Each slide picture can even act as a hyperlink to an exterior web page.
- Supports customized HTML content material for every slide. These contents seem over the slide pictures. You can fashion and animate them anyway you need. You can even embed movies within the slides utilizing this feature.
- Autoplay choice. Play/pause buttons are generated when Autoplay choice is chosen. In supported browsers HTML5 Page Visibility API is used to cease autoplay when the tab/window containing the slider is out of focus and autoplay is resumed when the tab/window is once more in focus, and this helps in stopping pointless energy and CPU assets consumption.
- Option to pause Autoplay when hovering over slider.
- Fully responsive and works in all display screen sizes starting from desktop to cell browsers.
- Can navigate via slides utilizing contact gestures in iOS, Android and different contact-display screen units.
- Options for callback features are supplied that execute both earlier than or after a slide adjustments. Custom occasions for these ‘earlier than’ and ‘after’ slide change occasions are additionally supplied.
- Helpful API features are supplied, reminiscent of subsequent(), prev(), begin(), cease(), goToSlide() and destroy(), which permit for programmatic manipulation of the slideshow.
NOTE: The 3d results will run solely on browsers that assist HTML5 Canvas. On the opposite hand the second results will run on most out there browsers. If you select a 3d impact then you’ll be able to point out a second impact of your alternative for browsers that don’t assist Canvas. Internet Explorer 8 and beneath don’t assist Canvas, however IE 9 and above helps it.
Reviews
Changelog
Version 3.0.2 (22 April, 2013)
• The slider is now appropriate with jQuery 1.9+ . • The slider makes use of HTML5 Page Visibility API, in supported browsers, to cease autoplay when the tab/window containing the slider is out of focus, and resumes autoplay when the tab/window is once more in focus.
Version 3.0.1 (27 June, 2012)
• Fixed a bug wherein the slider stopped working when the prev/subsequent buttons have been disabled within the 3d mode.
Version 3.0 (16 June, 2012)
• The slider now incorporates a totally responsive structure • Slides might be navigated utilizing contact gestures in contact-display screen units • Four caption positions have been supplied that are "prime", "backside", "left" and "proper" • Each slide can have a distinct caption place
Version 2.0.1 (17 January, 2012)
• Fixed a bug relating to inactive picture hyperlinks on the primary slide on web page load. • Image hyperlinks on being clicked now open pages in the identical window. • Updated the documentation.
Version 2.0 (6 January, 2012)
• Added assist for customized transitions per slide. • Added assist for customized HTML content material per slide, which customers can fashion and animate anyway they need. • Slide pictures can now function hyperlinks to exterior pages. • Added 4 new 3d results. • Added 6 new second results. • 3d results now have further choice parameters for specifying offset alongside z-axis, separation distance between slices and delay propagation path. Also rows and columns parameters are there for the brand new 'grid' 3d results. • CCSlider now offers API features reminiscent of subsequent(), prev(), begin(), cease(), goToSlide() and destroy(). • Custom occasions comparable to 'earlier thanSlideChange' and 'afterSlideChange' callback features are supplied. • Option to make use of clear png pictures as slide pictures for 3d results. • Performance enchancment in Canvas primarily based 3d results. • Various small bug fixes.
Version 1.1.1 (27 May, 2011)
• Fixed a bug in IE9 that was inflicting the slider pictures to not show there. • Fixed a bug that was precipitated when each autoPlay and pauseOnHover choices have been enabled.
Version 1.1 (3 March, 2011)
• Added the choice to randomize the results between slides. Details within the documentation. • Added choice to start out slideshow at any slide.
More Items by CosmoCoder
