In this tutorial you are going to create and use a thumbnails preview slider with jQuery. Thumbnail preview slider will hwlp you to create cool photo/image galleries.
Full Width Image Slider is a very simple 100% width slider that scales down to mobile.
This slider has a 100% width layout and it is responsive. It operates with CSS transitions and the image is wrapped with an anchor. The anchor can be replaced by a division if no linking is needed. With a max-width set to 100%, the image will size down for smaller screens.
Elastic Content Slider is a fluid content slider that will adjust in width and height depending on the size of its parent.
It has a sliding area for content and a tab-like navigation at the bottom. The slider is fluid, meaning that it will adjust to the parent’s container width and height.
slideToucher is a touch enabled jQuery plugin for content swiping. Supports vertical and horizontal swipes.
Moodular is a jQuery plugin which allows to create carousel/slider very easily. The plugin supports external function calls, easing, changing movement speed/direction, and even has a ‘carousel’ option, hence the carousel in the title.
Images can be rounded, and you can switch between zooming and fading images.
Fraction Slider is a jQuery plugin which adds a fully customizable element slider to your website.
It allows you to animate multiple elements per slide. Set different animation methodes like fade or (from) left, delays and easing for each element, or spimple set some defaults in the plugin options.
You also have full layout/design control through html and css (every html-element can be animated).
jQuery Waterwheel Carousel plugin can display images with a cascading "waterwheel" effect. It can be positioned either horizontally or vertically, and it's appearance can be dramatically altered.
The callback functions can be used to programatically trigger Lightbox-type effects, or load specific content into another region of the website, such as an image description.
sliderbutton plugin provides a button which is triggered by sliding a handle to the side. This is a simple technique to avoid accidentally pressing a button.
The plugin is based on the jQuery UI/Mobile slider widget. Since this widget differs in its implementation in jQuery UI and jQuery mobile.
Looper.js is an intuitive, lightweight carousel jQuery plugin.
Keyboard navigation is available when the element has focus. Simply use the left/right arrows keys.
Rondell is a jQuery plugin for displaying galleries and other content the way you want.
The rondell can be controlled with your keyboard, by clicking the controls or by clicking the rondell items. Touching items and swiping on a phone or tablet computer will work too.
tNews is a news slider and content slider powered with jQuery and XML. It provides a fully functional news slider with content management via XML file.
It helps organize large number of news in categories and displays them in a nice looking tabbed interface, with each tab as a separate news category with navigation functionality. It also retains the position of each slide under each tab.