Best jQuery Gallery Plugins & Tutorials with Demo

    jQuery Awesome Nishtyak Gallery

    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

    Isometric interactive interior guide with jQuery & CSS3

    Isometric interactive interior guide with jQuery & CSS3

    During browsing internet, I have noticed new interesting thing – it looked like isometric guide. Today I will show you how you can create something similar. We will create isometric interactive interior guide with CSS3 and jQuery.

    Showing Image With Bounce Effect in jQuery & CSS3

    Showing Image With Bounce Effect in jQuery & CSS3

    There are many example out there that using CSS3 transform and animation for enhancing the webpage and today I’m going to share one of them. Using CSS3 transform and animation we will create a bouncing effect when an item (in this case image) is showing or added to our webpage.We will have an image list positioned on the bottom of the page wrapped by a single div, it will be opened by clicking a plus sign. If one of these image is clicked it will be showed on the middle of the page with bouncing, if other image clicked it also be showed next to previous showed image.

    To have a bouncing effect is a little bit tricky, we can use transform with playing scale value and helped by animation keyframes. Bouncing like zooming in and zooming out with different scale in some interval, for our bounce effect, the image will be showed bigger than its original size then scaling to smaller, bigger but smaller than the first and back to original size.

    FlippingBook WordPress Gallery Plugin in jQuery

    FlippingBook WordPress Gallery Plugin in jQuery

    FlippingBook WordPress Gallery Plugin is a full integrated image gallery plugin for WordPress with page flipping effect. Allows you to create flash books with page flip effect directly from the administrator panel via a specifically designed interface.

    ContentFlow : JavaScript flexible Coverflow 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.

    Growing Thumbnails Portfolio with jQuery & CSS3

    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.

    Flare Responsive Mobile-Optimized Lightbox Plugin in jQuery

    Flare Responsive Mobile-Optimized Lightbox Plugin in jQuery

    Flare – a custom responsive, touch enabled, mobile optimized lightbox jQuery plugin, which can be used to display single images/videos or entire galleries.

    Image/Video Navigation via:

    • UI buttons
    • Swipe gestures
    • Mousewheel navigation
    • Keyboard arrows

    Transitions:

    • Use hardware acceleratation on CSS transforms
    • Fallbacks to standard jquery animation in older browers

    Media Support:

    • Images
    • Fullscreen Video (YouTube, Vimeo, Vid.ly and local Video)
    • Automatically retrieves cover image for YouTube, Vimeo and Vid.ly videos

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

    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.

    jQuery Picasa Plugin

    jQuery Picasa Plugin

    jQuery Picasa Plugin Stream Picasa Albums without touching the Server.Here is the HTTP API for Picasa. There’s a lot to it, but all we need to do is list albums and list photos. And we want to do this using Google’s experimental Data API feature of course, the Partial Response. The Partial Response allows us to limit the information the feed returns to us, which means significant performance improvement. For example, if all we want are the image urls, we don’t need thumbs, titles, descriptions, and the author. We can cut out 80% of the feed’s size. That’s awesome. Still waiting for Google Docs to have that.

    The goal is to stream photos without ever having to touch your server. Aka, no PHP or Ruby proxy. Reason being, what if your pages are entirely static (Github Pages!), and you want it to work the same as if they were dynamic? The code should be all Javascript.

    My Thumbnail : jQuery plugin creates image thumbnails

    My Thumbnail : jQuery plugin creates image thumbnails

    This jquery plugin creates image thumbnails on client side for multiple images in a page. Sometimes you have different images with different orientation and size, which make your page a bit difficult to read. MyThumbnail help you to generate uniform size images. Of course, the original aspect ratio of the picture is maintained. If your browser support css3, you can get a best (inner) fit image for your specified thumbnail size. Also, round corner is supported for css3 capable browser.
    FEATURES

    • Automatic generation of thumbnails with uniform size and orientation
    • Maintain aspect ratio of original pictures
    • Image is centered
    • Rounded corners (CSS3 capable browser)
    • Best inner fit image (CSS3 capable browser)
    • Cross sever (work for external image in other server)
    • Cross browser (work in IE / FF / chrome / Safari / opera)