Comments on: Easy, Reusable Image Rollovers with jQuery

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!

By: rgz0r

rgz0r — Tue, 27 Jan 2009 23:39:59 +0000

Fantastic, works great! Cuts down the code no matter how you slice it, even if you do the typical CSS method that phunky is snobbishly referring to.

Would be nice (and useful) to see a version of this that allowed for fade in/out implementation for a more “Flashy” feel – maybe you could do that tut next?

Great work!

By: Ben

Ben — Sat, 03 Jan 2009 03:27:26 +0000

Thanks. Sometimes it’s hard to find simple, effective code with explicit instructions. This is very helpful for a jQuery newbie.

By: Zee

Zee — Sun, 09 Nov 2008 20:41:26 +0000

Thanks for this, Phunky is obviously completely misunderstanding what you’re trying to achieve here, there are many sites that employ image rollovers and this is a great lightweight solution for such a problem.
Thanks mate.