Archive of jQuery

14Nov2009

jQuery image slide on hover effect plugin

A while back I wrote about using jQuery to create an image sliding effect. It's received quite a lot of traffic since then, so I decided to create a simple plugin.

jQuery image slide on hover effect

This is a simple technique to animate an image when hovering using jQuery's animate() effect. We will use this effect to manipulate our CSS, creating a seamless transition between two areas of an image. Have a look at the demo below for a better understanding.

Fullsize, a new jQuery lightbox plugin and IMG Attribute

Fullsize is an attempt to add a new IMG attribute called "fullsize" in the next version of HTML. The idea is simple; create a standardized solution by which browsers handle the image popups rather than javascript/AJAX. Whenever the fullsize attribute is found within the img tag, browsers would tackle the heavy lifting, generating a popup of the full size image.

Extensive list of jQuery lightbox / modal plugins

With the ever-growing popularity of jQuery and the ubiquitous use of lightboxes throughout the internet, I figured why not compile a list? Well, here it is!

jQuery slide effect with minimum height

I recently had a project where I needed a way to show/hide content within a div similar to the SlideToggle() effect. The only difference was that I wanted to show part of the content within the div when the page loaded. Inspired by Chris Pollock , here's what I came up with.

Navigation

Recent Posts