Best jQuery Gallery Plugins & Tutorials with Demo

    Build a Better Tooltip with jQuery Awesomeness

    Build a Better Tooltip with jQuery Awesomeness

    One of the great tools we have in our web development goodie-bag are tooltips. A tooltip is a box that appears when you hover your cursor over an element like a hyperlink. It provides supplementary information about that element. For example, a link with little or no text (an icon) may become confusing. Provide an extra sentence or two within a tooltip to explain to your users what will happen if they click on it.

    Circular Discography Template with jQuery

    Circular Discography Template with jQuery

    Today we want to share a simple website template with you. The template will show some discography or music albums in a rounded fashion, rotating the albums when clicking on next or previous. When clicking on an album, we will open the album details view which contains a music player (jPlayer) and a playlist of some songs. There is also a description area that can be scrolled.

    Slider Kit – Multiple Slideshow Types In One jQuery Plugin

    Slider Kit – Multiple Slideshow Types In One jQuery Plugin

    Slider Kit is a very flexible jQuery plugin that enables us to create almost any type of slideshows like photo galleries, news sliders, carousels,tabs,menu and more.

    It has support for both horizontal + vertical sliders and items can be navigated via buttons, mousewheel, image click or keyboard.

    ImageLens – A jQuery plug-in for Lens Effect Image Zooming

    ImageLens – A jQuery plug-in for Lens Effect Image Zooming

    You can use this jQuery plug-in to add lens style zooming effect to an image.

    diagonalFade a jQuery Plugin

    diagonalFade a jQuery Plugin

    diagonalFade is a jQuery plugin allowing you to easily specify direction, fade-in, fade-out, and a host of other options to a grouping of elements. All you have to do is import it, specify the container to which the group of items resides, and poof, you’re off and away..

    Simple JQuery Image Slide Show with Semi-Transparent Caption

    Simple JQuery Image Slide Show with Semi-Transparent Caption

    Image Slide Show is one of the famous components in web design and development. A lot of the websites display news headlines in an image slide show to attract viewers attention, of course, with caption/excerpt. No doubt about it, this is a clever method not only to gain attentions, but it also makes the website more alive (not too static, dull)….

    Animate Panning Slideshow with jQuery

    Animate Panning Slideshow with jQuery

    In this tutorial we’ll take the makings of a classic slideshow, but use a different kind of transition to animate between slides. It may not fit every project, but diversity is always welcome in the world of web design.

    jQuery “Mosaic” Plugin

    jQuery "Mosaic" Plugin

    This jQuery plagin will automatically generate sliding boxes and captions with slide & fade animations for your images.

    liteAccordion – a horizontal accordion plugin for jQuery

    liteAccordion - a horizontal accordion plugin for jQuery

    liteAccordion – a horizontal accordion plugin for jQuery. This accordion can include any type of content.

    jQuery & CSS Hover Zoom Effect Plugin

    jQuery & CSS Hover Zoom Effect Plugin

    This plugin creates “Hover Zoom” effect for your image thumbnails with CSS and jQuery. This effect reverse zooms an image while fading in a label on top of it when the mouse hovers over it.I’ve seen similar effects to this one on a few sites here and there, and they were always built in Flash. I wanted a CSS and Javascript solution so I whipped up the Hover Zoom effect.