Submit your widget

Nice jQuery filter images effect

Views 24823   downloads 3412   Image Effects

Features: shows specified collection on startup three types of animation callback functions Changelog: 25.1.2011 - shows specified collection on startup, plugin parameter names have been changed $('.selecter').mobilyselect({…


cool jQuery animation effect gallery

Views 20973   downloads 3133   Image Effects

Today we would like to show you how to create a modern gallery (with cool animation effect) using Raphael library and jQuery.   Create three files: index.html, default.css, init.js and download Raphael…


jQuery Smooth animated effect

Views 11969   downloads 2210   Image Effects

Time for yet another jQuery quickie! These relatively simple jQuery tutorials will show you a simple, yet beautiful effect making use of jQuery. This way, you can learn and create something very cool…


Snazzy Hover Effects Using CSS3

Views 18411   downloads 6047   Image Effects

In this example,we will be going over creating flexible advanced hover techniques using CSS2.1 properties. Advanced hover states are quite simple When I first started learning CSS, the :hover pseudo-element…


Images Spacegallery

Views 12930   downloads 2904   Image Effects

Attach the Javascript and CSS files to your document. Edit CSS file and fix the paths to images and change colors to fit your site theme. Important: be sure to include Javascript files in the specific…


simple jQuery Fading Background Color

Views 17701   downloads 1636   Image Effects

we would like to experience with you another effect that is widely used these days, the Background Color Fading effect on hover. We’ll have a block of content that when the mouse moves over the…


jQuery awesome Hover Image Slide Effect

Views 34948   downloads 4512   Image Effects

we will create a neat effect with some images using jQuery. The main idea is to have an image area with several images that slide out when we hover over them, revealing other images. The sliding effect…


Image Lazy Loader for Prototype

Views 10163   downloads 1388   Image Effects

Images below the fold (the ones lower than window bottom) are not loaded. When scrolling down they are loaded when needed. Shift-reload to test again Installation/Configuration Include the needed javascript…


pure CSS Image Maps

Views 53801   downloads 7138   Image Effects

we're not only going to get you up to speed on how to create a CSS image map, but, we're also going to take it a couple steps further and add hover states to our image map using a CSS background image…


Multiple CSS Decorative Gallery

Views 15400   downloads 2697   Image Effects

I will show you how to decorate your images and photo galleries without editing the source images. The trick is very simple. All you need is an extra <span> tag and apply a background image to create…


Very Useful CSS3 Rounded ImageS With jQuery

Views 11014   downloads 1495   Image Effects

The other day I was trying to style CSS3 border-radius to image element and I realized that Firefox doesn’t display border-radius on images. Then I figured a way to work around it — wrap a…


jQuery cool hover Slide Effect

Views 35822   downloads 4548   Slideshow & Scroller

Setting up our files Ok let’s start by opening our text editor and creating a new html document, save this to your desktop as “index.html”. Now create a new css file and save this as…


jQuery plugin for selecting area of an image

Views 11252   downloads 1929   Image Effects

imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such…


jQuery useful Animation Banner

Views 16708   downloads 3343   Image Effects

we will be creating a custom animation banner with jQuery. The idea is to have different elements in a banner that will animate step-wise in a custom way. We will be using the jQuery Easing Plugin and…