Archive for jQuery

jQuery image slide on hover effect plugin

November 14th, 2009 | No Comments | jQuery

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.

Continue Reading

jQuery image slide on hover effect

May 1st, 2009 | 14 Comments | jQuery

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.

Continue Reading

Fullsize, a new jQuery lightbox plugin and IMG Attribute

April 5th, 2009 | No Comments | jQuery

A New jQuery 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.

Continue Reading

Extensive list of jQuery lightbox / modal plugins

March 10th, 2009 | 2 Comments | jQuery

jquer-lightbox-modal

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!

Continue Reading

jQuery slide effect with minimum height

February 22nd, 2009 | 2 Comments | jQuery

minimum-slide

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.

Continue Reading