Best jQuery Slider Plugins & Tutorials with Demo

    jQuery Draggable Image Boxes Grid

    jQuery Draggable Image Boxes Grid

    Today we want to create a template with a fullscreen grid of images and content areas. The idea is to have a draggable grid that shows boxes of thumbnails and menu like items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a fullscreen content area.

    jQuery Elastic Image Slideshow with Thumbnail Preview

    jQuery Elastic Image Slideshow with Thumbnail Preview

    Today we want to show you how to create a simple elastic slideshow with a thumbnail preview. The slideshow will adjust automatically to its surrounding container and we can navigate through the slides by using the thumbnail previewer or the autoplay slideshow option.

    To make this slideshow responsive, we will use a mixture of JavaScript and CSS techniques.

    Pirobox a jquery lightbox

    Pirobox a jquery lightbox

    Hello and welcome, this is an advanced version of pirobox, I implemented a few things more than the previous version. One of the most important things is the ability to open any kind of files, from inLine content to the swf files, from simple images to pdf files. Other things are: automatic image resizing and drag and drop.

    Minimit – A jQuery Plugin For Galleries, Slideshows Or Carousels

    Minimit – A jQuery Plugin For Galleries, Slideshows Or Carousels

    Minimit Gallery is a highly customizable Jquery plugin that does galleries, slideshows, carousels, slides… pratically everything that has multiple states.

    Using Minimit Gallery you have more time to focus on the ideation and the dynamics of your interface, all the logic functionality instead is managed by the plugin. It’s designed for advanced Javascript/Jquery programmers because you need to code all the animations and the css of the gallery.

    HTML5 & CSS3 Powered Slideshows – Slider.js

    HTML5 & CSS3 Powered Slideshows – Slider.js

    Slider.js is a slideshow engine built with jQuery and uses CSS3 and/or HTML canvas for the transitions.Items can have a text-caption with links and users can browse it with a pagination or using the prev-next links.Slider’s design can be completely changed as there is support for theming and interactions can be customized using the well-documented API.

    The data source is JSON and, besides the 13 available CSS transitions, there 10 built-in and good-looking canvas functions.

    wmuSlider, a jQuery responsive slider

    wmuSlider, a jQuery responsive slider

    A responsive jquery slider.

    Basic jQuery Slider – Simple slideshows for featured content

    Basic jQuery Slider

    Basic jQuery Slider has been developed to be as simple and lightweight as possible. Only the essential functionality has been included combined with clean semantic mark-up. This means instead of removing features and bending it to suit your needs, you can use this slider and as a base and extend it to be as feature rich, or as simple, as you need.

    Fullscreen Image 3D Effect with CSS3 and jQuery

    Fullscreen Image 3D Effect with CSS3 and jQuery

    Today we want to share one of our CSS 3D Transforms experiments with you. The idea is to show an image’s fullscreen version by rotating two blocks in three-dimensional space. The faces of the blocks being rotated to the front will show the fullscreen image.

    FerroSlider jQuery Plugin

    FerroSlider jQuery Plugin

    This plugins allows you to organize the contents of you website in a unusual and cool way and navigate through them with a sliding effect.
    The final effect is similar to Mac’s or Linux multiple desktops.
    You can position content as you want: by row, by column or using a custom displacement.

    How to Create a Fantastic jQuery Photo Album with TN3

    Create a Fantastic jQuery Photo Album with TN3

    During browsing web – I noticed new interesting library – TN3. This is jQuery image gallery with slideshow, transitions effects, multiple album options etc. Plus you will able to customize it (via CSS). Today I will show you how you can implement this gallery to create own photo album.