Links with Images showing on hover

HTML & CSS Scripts

Author's Comments

Look carefully for specific instructions

Here it is, the finished code. Works for me on both FF and IE6. The only problem with it is that in IE the links have some sort of background color. If you erase the coloring the code wont work. I have no clue why, as I just started messing with CSS 2 days ago. If you are going to use it I would only recommend changing the color values, since so far if you leave them blank the code fails. You can change all the coordinates to your liking, that doesn't seem to give a problem.

Also, do not delete the z-indexes. Change them to match your layout if it uses them. If you leave them out when your layout uses them the code wont work right in FF

Well, that is all I can think of, good luck :)

Script Code

Copy and paste to HTML

Help

Script Comments

Showing latest 10 of 12 comments

Cool, but do you know how to do the reverse? I have an image on my blog linked to a different site and I'd like to have TEXT show when you rollover the image so that users know where they are being re-directed. I need it for blogger!! Help!!

By PlasticPaddy23 on Jul 17, 2009 3:37 pm

I'm very interested in this, can somebody explain it better? Does this work for myspace? How would I create a list of links that show a popup image when you hover them? HALP

By myspaceperson on May 8, 2009 10:26 pm

look my profile..
using firefox or ie look same effect..
no different like your example..
im edit very well..
thanks again!!

By Nizam on Apr 13, 2008 11:54 am

*nods*. sexy.

By JenniferCecelia on Apr 2, 2008 7:49 pm

"The only problem with it is that in IE the links have some sort of background color."

I changed the background color into "transparent" - on my myspace profile it works fine :)


but now the next problem - instead of text I wanna have an image which you can hover and a bigger image appears...
is that possible???

By EhmJa on Jan 13, 2008 12:09 pm

its really works guys..
check out my page..
www.myspace.com/azril_ izam

Thanks Wasney!!

By Nizam on Jan 12, 2008 7:46 pm

not work for meh T^T !!

By vietgurl-727 on Nov 19, 2007 8:31 pm

dOPE :D..tHANX

By jUANGAS on Nov 4, 2007 8:21 pm

works great. i was messing with the positioning and got what i wanted. =]

By CuddleWitCathy on Jul 22, 2007 9:20 pm

actually ive tried this and it dont work.....

can you give more details because i put the first code in the ABOUT ME section, and the second code ANYWHERE i want it to show, but it dont work for me.

By elrene06 on Jul 10, 2007 5:56 am
View all »

Script Details

Author Wasney View profile
Submitted on Jun 10, 2007
Page views 52,223
Favorites 131
Comments 12
Reviewer digitalfragrance View profile
Approved on Jun 12, 2007

Script Tags