Submit your widget

Filter Image View Using jQuery

  Views 35796   downloads 5404   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…


a jQuery Image Scroller

  Views 29386   downloads 5291   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…


Amazon Books Widget with jQuery and XML Image Scroller

  Views 30341   downloads 4684   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…


Smart3D images jQuery plugin

  Views 24871   downloads 3936   Image Effects

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


Animated Header in jQuery

  Views 21652   downloads 3391   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. …


Simplest jQuery Spotlight Effect

  Views 14282   downloads 2150   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…


Useful and Practical jQuery Image ToolTips

  Views 92657   downloads 38537   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…


Image Highlighting and Preview with jQuery

  Views 15842   downloads 2471   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…


Interactive Photo Desk with jQuery and CSS3

  Views 15447   downloads 2911   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…


Beautiful image Filterable Portfolio with jQuery

  Views 32874   downloads 4840   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…


Stunning Sliding Door Effect with jQuery

  Views 23756   downloads 5175   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…


Image Preview Gallery

  Views 33573   downloads 6602   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…


Thumbnail Gallery with Slick Heading and Caption Effect with jQuery

  Views 18576   downloads 2960   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…


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

  Views 28829   downloads 4691   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…