Comments on: Easy, Reusable Image Rollovers with jQuery

By: cbeaman on "Trying to get jQuery working…" | w3 experts

cbeaman on "Trying to get jQuery working…" | w3 experts — Wed, 19 Jan 2011 04:00:32 +0000

[...] Oh, and I got this rollover method from: http://atlantajones.com/web-dev/easy-reusable-image-rollovers-with-jquery/ [...]

By: Thomas

Thomas — Sun, 11 Apr 2010 23:51:50 +0000

Thanks for this nicely explained tut. Reads very pleasant and is a breeze to follow.

By: Brent A. James

Brent A. James — Wed, 24 Mar 2010 08:02:53 +0000

We are testing this on a slight redesign of http://www.trafficjamseo.com

I am hoping to better optimize the site and move closer to a true web2.0 feel

By: thomas

thomas — Fri, 05 Mar 2010 02:08:36 +0000

it worked to add a extra check for me in the click issue:

$("#nav a").mouseout(function(){

if(matches) {
imgsrc = $(this).children("img").attr("src");
}
$(this).children("img").attr("src", imgsrc);
});

By: Creating Rollover Images in Wordpress « More than a maths teacher

Creating Rollover Images in Wordpress « More than a maths teacher — Sun, 27 Dec 2009 11:10:11 +0000

[...] no knowledge of Javascript is required here, because Atlanta Jones has created and shared an example. If you have created gif files and used the _over ending on your [...]

By: Sammy

Sammy — Thu, 27 Aug 2009 04:04:16 +0000

Great little script! as robert said above, is there a way onCLick to keep image on???

By: Robert

Robert — Mon, 06 Jul 2009 19:35:02 +0000

Thanks for this it was a big help. Do you have an example of how to make this work with a an onclick event? I need to make a thrid image stay on when one of the images/links are clicked.

Thanks in advance.

By: Atlanta Jones

Atlanta Jones — Sat, 13 Jun 2009 00:22:15 +0000

@Anthony: Actually, you wouldn’t have to change anything. All the is rewritten is the name of the image file. So if your file was /images/about.gif it would be changed to /images/about_over.gif.

But you can change your image path in your html page without changing the script. So you could change it to /images/buttons/about.gif and it would still be rewritten correctly. That is, assuming you still had the _over version in the same folder as well.

By: Anthony

Anthony — Wed, 10 Jun 2009 19:08:46 +0000

Hello,

One question, If i want to change the location of my images. What would i have to change in the javascript file?

By: KWebb

KWebb — Wed, 18 Feb 2009 21:31:41 +0000

Thanks for the script Atlanta Jones!