Submit your widget
107
Yays

Easy Display Switch with CSS and jQuery

Views 21765   downloads 2420   Image Effects

This is a simple way to allow your users to switch page layouts by using CSS and jQuery. Today’s web users expect web pages to be increasingly more interactive. To this end, the ability to change…

106
Yays

jQuery useful Animation Banner

Views 16775   downloads 3369   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…

106
Yays

Pure CSS3 images Hover Effects

Views 67855   downloads 10794   Image Effects

There are five examples of hover effects using different CSS properties compared to the old tutorial posted on Codrops. In summary, we seek the same method but we will act especially using the border…

105
Yays

jQuery Like Google’s Christmas Doodle

Views 13599   downloads 2025   Image Effects

This holiday season, Google once again lifted up the Christmas spirits of those, who visited their homepage, with their animated logo, or doodle, as they call it. Now, with the holiday behind our back,…

105
Yays

Snazzy Hover Effects Using CSS3

Views 18553   downloads 6143   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…

104
Yays

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

Views 15559   downloads 3054   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…

104
Yays

Inset Border Effect jQuery Plugin

Views 10229   downloads 2069   Image Effects

It’s a very simple but neat effect. The images have a border, but unlike CSS borders, it covers up part of the image. I wanted to use this effect in one of my galleries so I went ahead and experimented…

103
Yays

Images Spacegallery

Views 12987   downloads 2930   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…

103
Yays

jQuery: Photo Slider

Views 10822   downloads 1569   Image Effects

My first thought was a thumbnail photo gallery, where clicking a button would reveal the entire photo and more information about that photo. This is what happens, in plan English: Click event on the “More…

101
Yays

New jQuery plugin: “Fly Off Page”

Views 11976   downloads 1618   Image Effects

There is a new jQuery plugin, it’s called "Fly Off Page". It will take selected elements and make them fly (not literally) off the page in a random or pre-defined direction. Customizable options…

100
Yays

Reel images 360°3D view jQuery plugin

Views 18456   downloads 2271   Image Effects

An image is worth a thousand words. And what about the moving one! Try reel for yourself. Place your mouse pointer over images above. And roll your mouse wheel up/down or drag the image left/right. How…

100
Yays

jquery masked Gallery

Views 14301   downloads 2387   Image Effects

Slide your images into a mask! Build your own png mask and choose your images to slide inside! in the header: <script type="text/javascript" src="inc/jquery/1.3.2.min.js"></script> <script…

99
Yays

Fancy Hover Effect with jQuery

Views 19968   downloads 2577   Image Effects

Very cool hover effect HTML   <div id="featured-wrap"> <div id="featured-content"> <a href="http://www.jardinesdelte.com/"><img alt="Jardines" src="2_s.jpg" /></a> <a…

99
Yays

QuickFlip 2: The jQuery Flipping Plugin

Views 10214   downloads 2223   Image Effects

QuickFlip works by using an animation shortcut that is barely noticeable when flipped quickly (hence the name). This shortcut improves performance while allowing the flip effect to work smoothly with…

99
Yays

Sexy Image Hover Effects using CSS3

Views 23774   downloads 6041   Image Effects

In this example I am going to show to How to create a sexy css effect on image hover.This kinda effect you have seen before in Flash or in javascript as well.But why use Flash or js when CSS can do the…