Submit your widget
164
Yays

Filter Image View Using jQuery

  Views 35586   downloads 5344   Layout & Interface

the image items are showing and hiding with horizontal slide effect based on user choice. Horizontal slide effect produced by manipulating item’s width, when hiding the item we will change the item…

178
Yays

a jQuery Image Scroller

  Views 29204   downloads 5244   Slideshow & Scroller

We’re going to be building an image scroller, making use of jQuery’s excellent animation features and generally having some fun with code. Image scrollers are of course nothing new; versions…

177
Yays

Amazon Books Widget with jQuery and XML Image Scroller

  Views 30194   downloads 4636   Slideshow & Scroller

It makes sense to forgo database tables and server-side code when you need to store a limited amount of non-sensitive data. Accessing this data can be a snap with jQuery because the library was built…

296
Yays

Smart3D images jQuery plugin

  Views 24684   downloads 3899   Image Effects

Simple code brilliant results     $(function() { $('#mindscape').smart3d(850); });   <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img…

141
Yays

Animated Header in jQuery

  Views 21442   downloads 3350   Image Effects

We'll show you how to animate your header’s background image using jQuery to give your website that little extra something.We are going to build a header that animates it’s background. …

144
Yays

Simplest jQuery Spotlight Effect

  Views 14096   downloads 2117   Image Effects

This is a Simplest jQuery Spotlight Effect 1. HTML We will use divs instead of ul list here. I have tested it with UL before, and it will work perfectly fine, you just have to style is with CSS. The caption…

214
Yays

Useful and Practical jQuery Image ToolTips

  Views 91615   downloads 38095   Image Effects

It displays a tooltip image when user hover on the thumbnail with fadein and out effect. it's a useful script for your website. 1. HTML I have been thinking of using UL list, but then I think it's not…

147
Yays

Image Highlighting and Preview with jQuery

  Views 15709   downloads 2412   Lightbox & Dialog & Overlay

We will highlight images on a delayed hover and offer a preview mode which will enlarge and center the bigger version of the image on the screen. The Markup   For the HTML structure we simply need…

162
Yays

Interactive Photo Desk with jQuery and CSS3

  Views 15322   downloads 2872   Image Effects

In this little experiment we created an interactive photo desk that provides some “realistic” interaction possibilities for the user. The idea is to have some photos on a surface that can…

195
Yays

Beautiful image Filterable Portfolio with jQuery

  Views 32710   downloads 4788   Layout & Interface

  If you have worked in your field for a while, there is a pretty good chance that you have a rather extensive portfolio. To make it a little easier to navigate, you will probably be tempted to break…

193
Yays

Stunning Sliding Door Effect with jQuery

  Views 23596   downloads 5126   Image Effects

Basically, this is what it does: Grab all the div with qitem class, find the image and replace it with four DIVs (four corners) Each of the corner will have the same background image (grabbed from qitem…

166
Yays

Image Preview Gallery

  Views 33354   downloads 6549   Image Effects

Here we have a bunch of thumbnails. When each thumbnail is rolled over, script will load an image that we have linked in HREF attribute of an A tag. That makes this method accessible as well, because…

136
Yays

Thumbnail Gallery with Slick Heading and Caption Effect with jQuery

  Views 18421   downloads 2925   Image Effects

This is a simple jQuery , but can be extremely useful in frontend design Similar examples 1. HTML It's simple, inside the container - photo class you have three objects, first div is the heading, image…

152
Yays

Zoom-Info – Create An Informative Image Gallery With jQuery & CSS

  Views 28573   downloads 4643   Image Effects

Question: Have you ever wanted to neatly display a few lines of text about an image in your site but didn’t want to compromise on the design of your overall layout?we'll going to show you how to…