Nice jQuery filter images effect

25183   3566   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

21557   3301   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

12304   2358   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

19499   6877   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…

Interactive Polaroids (html5)

28982   4382   Image Effects

Images Spacegallery

13231   3056   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

18232   1753   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

35334   4662   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

10461   1511   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

55541   7369   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

15714   2830   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

11324   1621   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

36326   4697   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

11794   2096   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

17125   3474   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…