Created | 1 July 12 |
Last Update | 31 January 13 |
Compatible Browsers | IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome |
Software Version | WordPress 3.5, WordPress 3.4, WordPress 3.3, WordPress 3.2, WordPress 3.1, WordPress 3.0 |
High Resolution | Yes |
Files Included | JavaScript JS, HTML, CSS, PHP |
More Info...iCarousel™ Wordpress
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. Note: The 3D Transform is not working on IE7, IE8, IE9. IE10 is fine.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 space 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('icarousel_main_ss_add')) { add_action('admin_init','icarousel_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('icarousel_meta_slideshow')) { $meta_icarousel = get_post_custom( $post->ID ); if(isset($meta_icarousel['icarousel_meta_slideshow'])){ echo icarousel_meta_slideshow($meta_icarousel['icarousel_meta_slideshow'][0]); } }
You can also include it into your any template file by putting this code into to your file:
<?php if (function_exists('icarousel_meta_slideshow')) { icarousel_meta_head(); icarousel_meta_style(); echo icarousel_meta_slideshow('my-first-carousel'); } ?>
Changelog
jQuery Version 1.2.2 has been added
2012-11-07 Hemn Chawroka * Fixed jQuery fallback animation bugs. * Fixed some bugs.
jQuery Version 1.2 has been added
2012-07-04 Hemn Chawroka * Added jQuery fallback animation. * Added easing for jQuery fallback animation. * Fixed some bugs.
The Admin Panel
iCarousel provides an extended admin panel with a complete documentation:
Download LinkiCarousel™ - Wordpress - CodeCanyon Item for Sale
No comments:
Post a Comment