All posts in Gallery

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.

Create A Tabbed Content Rotator Using jQuery

Create A Tabbed Content Rotator Using jQuery

This plugin will create a tabbed content rotator. You can use this plugin to show your customers some of your products or services.

jDigiClock

jDigiClock

jDigiClock is a jQuery plugin that has been inspired from the distinctive HTC Hero Clock Widget.
For such a complex looking plugin it is surprisingly easy to install and offers a multitude of options that control the appearance and behavior of the clock.

HTML5 Grayscale Image Hover with jQuery

HTML5 Grayscale Image Hover with jQuery

With HTML5 canvas, images can be manipulated into grayscale without having to use image editing software. Use HTML5 & jQuery to dynamically clone color images into grayscale

Timeglider – Impressive jQuery Plugin For Data-Driven Timelines

Timeglider – Impressive jQuery Plugin For Data-Driven Timelines

Timeglider is a jQuery plugin for displaying any number of events in a highly-flexible timeline.

Its interface has support for zooming in/out (mouse wheel can be used too) and panning where you can quickly navigate through the time and find events.

Events are clickable and can display a detailed view of them inside a modal box.



Best jQuery websites design awards