WordPress Plugin Version Available Here
CCSlider is an distinctive jQuery slideshow plugin. It helps 3d transitions! There are 14 gorgeous 3d transitions out there, and in addition 16 trendy second transitions. You could have the choice for mentioning a second transition fallback for outdated browsers that don’t help HTML5 Canvas, which is used for producing the 3d transitions. The slider is totally responsive, works in cellular units and helps contact gestures to navigate by 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.
Options
- 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 help HTML5 Canvas. May also point out an animation pace for the fallback impact.
- Choice to say the variety of slices for 3d results.
- Choice to say the animation delay between particular person slices.
- May also point out wherein course the delay will propagate. There are 4 such instructions.
- Choice to say the offset alongside z-axis and the separation between slices whereas animating for 3d results.
- Point out an easing possibility of your alternative for 3d results.
- Can point out customized transition parameters for every slide.
- Choice to have a shadow for “Dice” 3d results. May also point out a shadow colour of your alternative.
- Choice to make use of clear png photographs as slide photographs for 3d results.
- Helps HTML captions. There are 4 out there caption positions – backside, prime, left, proper.
- Every slide can have a special caption place.
- Captions can have animated transitions (fade, slide) or none in any respect.
- Choice to have management hyperlinks to particular person slides. May also have thumbnails as hyperlinks.
- Every slide picture can even act as a hyperlink to an exterior web page.
- Helps customized HTML content material for every slide. These contents seem over the slide photographs. You’ll be able to model and animate them anyway you need. You may as well embed movies within the slides utilizing this selection.
- Autoplay possibility. Play/pause buttons are generated when Autoplay possibility is chosen. In supported browsers HTML5 Web 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.
- Choice to pause Autoplay when hovering over slider.
- Totally responsive and works in all display screen sizes starting from desktop to cellular browsers.
- Can navigate by slides utilizing contact gestures in iOS, Android and different touch-screen units.
- Choices for callback capabilities are supplied that execute both earlier than or after a slide adjustments. Customized occasions for these ‘earlier than’ and ‘after’ slide change occasions are additionally supplied.
- Useful API capabilities 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 help HTML5 Canvas. Then again the second results will run on most out there browsers. When you select a 3d impact then you possibly can point out a second impact of your alternative for browsers that don’t help Canvas. Web Explorer 8 and beneath don’t help Canvas, however IE 9 and above helps it.
Critiques
Changelog
Model 3.0.2 (22 April, 2013)
• The slider is now suitable with jQuery 1.9+ . • The slider makes use of HTML5 Web 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.
Model 3.0.1 (27 June, 2012)
• Fastened a bug wherein the slider stopped working when the prev/subsequent buttons have been disabled within the 3d mode.
Model 3.0 (16 June, 2012)
• The slider now contains a totally responsive format • Slides might be navigated utilizing contact gestures in touch-screen units • 4 caption positions have been supplied that are "prime", "backside", "left" and "proper" • Every slide can have a special caption place
Model 2.0.1 (17 January, 2012)
• Fastened a bug relating to inactive picture hyperlinks on the primary slide on web page load. • Picture hyperlinks on being clicked now open pages in the identical window. • Up to date the documentation.
Model 2.0 (6 January, 2012)
• Added help for customized transitions per slide. • Added help for customized HTML content material per slide, which customers can model and animate anyway they need. • Slide photographs can now function hyperlinks to exterior pages. • Added 4 new 3d results. • Added 6 new second results. • 3d results now have further possibility parameters for specifying offset alongside z-axis, separation distance between slices and delay propagation course. Additionally rows and columns parameters are there for the brand new 'grid' 3d results. • CCSlider now offers API capabilities reminiscent of subsequent(), prev(), begin(), cease(), goToSlide() and destroy(). • Customized occasions akin to 'beforeSlideChange' and 'afterSlideChange' callback capabilities are supplied. • Choice to make use of clear png photographs as slide photographs for 3d results. • Efficiency enchancment in Canvas primarily based 3d results. • Numerous small bug fixes.
Model 1.1.1 (27 Might, 2011)
• Fastened a bug in IE9 that was inflicting the slider photographs to not show there. • Fastened a bug that was brought on when each autoPlay and pauseOnHover choices have been enabled.
Model 1.1 (3 March, 2011)
• Added the choice to randomize the results between slides. Particulars within the documentation. • Added possibility to begin slideshow at any slide.
Extra Gadgets by CosmoCoder
