What’s iCarousel?
iCarousel is a powerful mobile-friendly and lightweight jQuery plugin that allows you to arrange a set of images in a carousel layout. The plugin also provides an easy to use API which will allow to further enhance the functionality of the carousel. Great for screenshoot slider.
JQUERY VERSION AVAILABLE HERE !
Features
- jQuery capabilities.
- Highly Flexible and Customizable.
- Highly User Interface Design.
- Multiple instances allowed in a single HTML page.
- Custom per slide easing.
- Multilanguage support.
- Works on iOS & Android devices.
- Auto slideshow with optional pause on hover.
- Easily resizable.
- Animated preloader bar.
- Keyboard support.
- Touch support.
- Mouse support: (Click, Wheel).
- Customizable through css.
- 3D & 2D available.
- Customizable 3D perspective.
- Extremely simple configuration.
- Customizable transition timing function. (easing)
- Cubic-bezier function also acceptable.
- Custom per slide timeout.
- Extended HTML documentation.
- Cross browser compatibility.
- Fast, hardware accelerated CSS3 transitions.
- SEO friendly, content is not hidden.
- Powerful, documented API — public methods, properties, callbacks.
- Each slide can have any html content(except video) and can be any size.
- Support unlimited number of images.
- Configurable number of images visible per scroll. Also set the sppacce between slides.
- Customizable scroll direction.
- Customizable X & Y spaces between slides.
- Unlimited slides support.
Methods
You can include iCarousel slideshow into your projects by using the TinyMCE custom button, by using the shortcode:
[icarousel slideshow="my-first-carousel"]
You can also include it into your theme by adding this function to your functions.php file:
if (function_exists('camera_main_ss_add')) {
add_action('admin_init','camera_main_ss_add');
}
In this case a meta box will be available on your page/posts backend to select the carousel you prefer. Just put this code into your loop to display the carousel:
if (function_exists('camera_meta_slideshow')) {
$meta_camera = get_post_custom( $post->ID );
if(isset($meta_camera['camera_meta_slideshow'])){
echo camera_meta_slideshow($meta_camera['camera_meta_slideshow'][0]);
}
}
The Admin Panel
iCarousel provides an extended admin panel with a complete documentation:
