Best jQuery Slider Plugins & Tutorials with Demo

    Flickrshow : Simple Javascript slideshow for Flickr

    July 6, 2012 | Core Java Script, Other API, Slider
    Flickrshow : Simple Javascript slideshow for Flickr

    Flickrshow is a very simple Javascript slideshow for Flickr. It doesn’t require any web-development expertise, any particular Javascript frameworks, (although it works with all of them), or any hosted web space. It works in all modern web browsers, and Internet Explorer 6.Flickrshow can display the latest images uploaded to Flickr in less than 40 characters.

    Although Flickrshow does not require jQuery, if JQuery is detected Flickrshow will add a convenient wrapper function allowing you to use Flickrshow as you would any other JQuery plugin.

    Read More Demo

    Slider Revolution Responsive jQuery Plugin

    June 30, 2012 | Plugins, Premium, Responsive, Slider
    Slider Revolution Responsive jQuery Plugin

    Turn simple HTML markup into a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimization (all content always readable for search engines). See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs.

    This plugin features tons of unique transition effects, an image preloader, video embedding, autoplay that stops on user interaction and lots of easy to set options to create your own effects. All customization can be handled via jQuery Options, HTML 5 data-attributes and CSS !

    Read More Demo

    RefineSlide : jQuery 3D Transform Slides

    June 22, 2012 | Gallery, Plugins, Slider
    RefineSlide : jQuery 3D Transform Slides

    A 3D transform/CSS transition-enabled jQuery plugin for displaying responsive, image-based content with shiny animations.

    Features :

    • A few transitions to play with
    • Responsive down to mobile scale
    • CSS transition & 3D transform support
    • Javascript fallback fade transition
    • Auto-formatted, responsive thumbnails
    • Good browser support (IE7+)
    • HTML captions
    • Hardware acceleration on supported browsers
    • Free to use and abuse as you like
    • Simple, semantic markup
    Read More Demo

    Ken Burns : jQuery Slider Effect Fully Responsive

    June 20, 2012 | Plugins, Premium, Slider
    Ken Burns : jQuery Slider Effect Fully Responsive

    Ken Burns a jQuery Sliders Full Collection comes in 4 versions: Fixed Dimensions, Full Width, Full Screen and SideBar banners/Mini-Galeries. Please see the features and check the live preview of this slider and convince yourself of its quality.

    Ken Burns Sliders Full Collection includes 4 versions:

    – Fixed Dimensions Slider
    – Full Width Slider
    – Full Screen Slider (it can be used as FullScreen Background or Fullscreen Gallery)
    – SideBar Sliders/Mini-Galeries

    Read More Demo

    Zuper Responsive Multitouch Slider in jQuery

    June 13, 2012 | Plugins, Premium, Responsive, Slider
    Zuper Responsive Multitouch Slider in jQuery

    Zuper Slider uses unobtrusive javascript and a powerful configuration panel for effects and design elements to transform a block of simple HTML markup into a beautiful elegant slider. When we create the Zuper Slider is lightweight, fast loading, mobile ready, responsive, easy to use,has multiple skins and much more. Zuper Slider is the most complex and powerful slider that you can use. Saves development time – Powerful features – Simple implementation – Fully customizable.

    Mobile Ready Zuperslider is mobile ready. Touch gestures navigation for iOS, Android and other touch devices. Its main feature is that has the touch technology implemented for mobile devices.

    Read More Demo

    jQuery Awesome Nishtyak Gallery

    June 11, 2012 | Gallery, Plugins, Popup Window, Premium, Slider
    jQuery Awesome Nishtyak Gallery

    Beautiful customizable jQuery carousel.

    Features:

    • an unique vertical scrolling mode besides standard horizontal one
    • an adjustable number of strings
    • can adjust to the width of a page
    • supports any content
    • autoscroll
    • much more
    Read More Demo

    Fullscreen Slit Slider with jQuery and CSS3

    June 6, 2012 | CSS2 / CSS3.0, Slider
    Fullscreen Slit Slider with jQuery and CSS3

    In this tutorial we’ll create a fullscreen slideshow with a twist: we’ll cut the current slide open in order to reveal the next or previous slide. Using jQuery and CSS animations we can create unique slide transitions.Using different data-attributes, we’ll define the type, rotation angle and scale of a slide’s parts, giving us the possibility to create unique effects of each slide transition.

    Read More Demo

    ContentFlow : JavaScript flexible Coverflow Slider

    June 3, 2012 | Gallery, Plugins, Slider
    ContentFlow : JavaScript flexible Coverflow Slider

    ContentFlow is a flexible CoverflowTM / ImageFlowlike flow written in javascript, which can handle any kind of content.

    With ContentFlow it is now possible to have any number of flows within one web-page. Each separately configurable, satisfying different visual needs.

    • It’s easy to implement and to extend.
    • It can auto generate reflections (clientside)!
    • You can add and remove content items on the fly
    • You are free to define your own methods for displaying content and interacting with it.
    • You can control all aspects of the flow without loosing the ease of use.

    ContentFlow can handle different kinds of control, like keyboard and mouse, and can be used with and without a reflection. For a complete list of features and compatibilities take a look at the feature list.

    Read More Demo

    Growing Thumbnails Portfolio with jQuery & CSS3

    May 31, 2012 | CSS2 / CSS3.0, Gallery, Slider
    Growing Thumbnails Portfolio with jQuery & CSS3

    In this tutorial we will be making a portfolio with HTML5, jQuery and CSS3 that features an interesting growing effect.The important bit to note here is the #carousel unordered list. This element holds a collection of li items that represent your recent works.  The visible class is only added if the thumbnail is to be shown. Only three thumbnails will be visible at a time. The href attribute of the hyperlink can point to the website in question, or a larger version of the image if you plan to use a lightbox together with this example.

    Read More Demo

    Guggenheim.js : jQuery Gallery plugin with flashy filtering and re-ordering

    May 23, 2012 | Animation, CSS2 / CSS3.0, Gallery, Slider
    Guggenheim.js : jQuery Gallery plugin with flashy filtering and re-ordering

    Guggenheim.js is a framework agnostic plugin for creating sexy interactive galleries. It uses CSS3 animation (with a fallback to Javascript) to create animated filtering, reordering and pagination of your gallery.

    Read More Demo