Live Demo:
http://codecanyon.net/item/li-jquery-sliderimage-rotator/full_screen_preview/153638
Features
Easy to Use and Modify – it is extremely easy to use powerful slider/banner image rotator. The slider size has to be defined only on ONE PLACE and to set the options and the images. Tweaking the skins gives you full control over the layout.
Multiple Sliders / Banners – you can have many slider/image rotators on single HTML page.
104 unique transitions – with more than 104 transitions and additional options per transition you can achieve amazing results. Also you can define the following transitions behavior: Regular, Regular-Custom, Random-Custom, Regular-Exception, Random-Exception.
Skinable – 12 different skins – each skin has its own folder and is extremely well commented, so any modifications to the buttons images, position and etc. is extremely simplified.
LightBox Support – with this options enabled when a slides has been clicked you can load bigger picture in modal mode. You only need to include link to .jpg/.png/.gif and LightBox enabled and the linked image will be displayed in Lightbox modal window activated.
PrettyPhoto Support - when a link is included and the link points to YouTube, Vimeo, an image or QuickTime move, li-slider automatically will recognize what is the link type and will display it in a modal window.
Youtube Support – through prettyPhoto modal dialog.
Vimeo Support – through prettyPhoto modal dialog.
QuickTime Support – through prettyPhoto modal dialog.
Repeat Slides / Continues Sliding – with this options you can tell the slider to repeat the slides infinitely, to play all slides once and stop or to repeat all the slides given number of times.
Define Transition per Slide – you can tell the slider to play certain slide with specific transition. Every time when that slide will be displayed with the transition defined by you.
Define Transition duration per Slide – you can define different display time for each slide.
Define single slide display time – you can define different display time for each slide.
GoToSlideOnStart Option – the banner will start rotating at the given starting slide.
Timer – shows how much has remained until the next slide is displayed. The position of the timer can be controlled through an option.
Pause onMouseOver – if the slider is in play mode and you move the mouse over the slider, this option if "true" pauses the slider.
Tooltip – when you hover the small slide buttons, a thumbnail will popup. If you use image the thumbnail will be automatically generated so you do not need to create the thumbnails. If set to text, use the alt property of the image to include the tooltip text. The alt tag supports HTML tags as well.
Tooltip Size – defines the tooltip width size in percents of the slider from 0 to 100. If you use text tooltip and have more text than the width allows, the tooltip will expand upward (this is changeable through the skins CSS )
Autoplay – on start.
Shuffle – randomize the slides order so every time a random slide will be displayed when the page is loaded.
Delay - how long each slide to be displayed/visible.
Transition Period - how long transition to last.
Vertical Sectors - how many columns one transition has.
Squares - how many rows one transition has.
Hyperlinks – this is global option for the links and it could be turned on or off. The links allows you to use property target="_blank" to open the link in new tab/window.
Buttons Visibility – an option which allows you easily to hide all buttons.
Play/Pause buttons visibility – show or hide Play and Pause buttons.
Next/Previous buttons visibility – show or hide Next and Previous buttons through a single option.
Auto Hide – auto hide the buttons after certain amount of time if the mouse is not over the slider.
Buttons Hiding/Displaying Timing- with these four options you can control very precisely how fats or slow the navigation buttons will hide or show.
5 Public Methods – so you can control the slider from outside.
CSS Driven – the entire interface is purely CSS driven. This means that if you need to change the slider you do not need to tweak the JavaScript code.
iPhone/Smart Phone compatible – We’ve tested it. We’ve optimized slider. We made it versatile, so you know your content will be delivered to all devices and platforms.
Cross Browser Compatible – support all major browsers.
9 different animated GIF Slider Preloaders – There is nothing better than to aware the visitor that something will show up soon. The preloader will be visible until all the images included in the banner are loaded.
Unlimited number of images each with individual and adjustable tooltip, display duration, transition, transition duration and hyperlink.
Download
[JQuery Plugin] li JQuery Slider/Image Rotator
