Advertisement

There's no such thing as a stupid question, but they're the easiest to answer.
Login
Search

Advertisement

Web Design & Development Web Design & Development
Search Search
Search for:
Tech Support Guy > > >

jQuery: Hover over image to fade in/out separate text!


(!)

nzcpc's Avatar
nzcpc nzcpc is offline
Member with 99 posts.
THREAD STARTER
 
Join Date: Jul 2010
Location: East Coast, AKL, New Zealand
01-Aug-2012, 09:29 PM #1
Exclamation jQuery: Hover over image to fade in/out separate text!
Anyone know how to do this?

Will have 4 screenshots to the left in a square formation (2 by 2), and a header and text list to the right of them. I would like the header and text list to change (fade in/out) dependant on what screenshot is being hovered over.

Have spent hours looking and can't find anything to suit or anyone who has asked this before!

Any help much appreciated, cheers.
JiminSA's Avatar
JiminSA   (Jim) JiminSA is offline JiminSA has a Profile Picture
Computer Specs
Member with 1,704 posts.
 
Join Date: Dec 2011
Location: Johannesburg South Africa
Experience: Intermediate
02-Aug-2012, 09:43 AM #2
Hi nzcpc!

I think the best approach would be usemap with show/hide div via some jQuery. Maybe this will give you some insight
or just Google "show/hide div on usemap mouseover image" and look for what might best suit your purpose.

Last edited by JiminSA; 02-Aug-2012 at 09:44 AM.. Reason: typo
JiminSA's Avatar
JiminSA   (Jim) JiminSA is offline JiminSA has a Profile Picture
Computer Specs
Member with 1,704 posts.
 
Join Date: Dec 2011
Location: Johannesburg South Africa
Experience: Intermediate
03-Aug-2012, 09:35 AM #3
Alternatively...
Why not use the 'title' attribute within the AREA href tags of your image map? (using title is how tooltips are displayed within all browsers)
As Seen On

BBC, Reader's Digest, PC Magazine, Today Show, Money Magazine
WELCOME TO TECH SUPPORT GUY!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.


(clock)
THIS THREAD HAS EXPIRED.
Are you having the same problem? We have volunteers ready to answer your question, but first you'll have to join for free. Need help getting started? Check out our Welcome Guide.

Search Tech Support Guy

Find the solution to your
computer problem!




Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools


WELCOME
You Are Using: Server ID
Trusted Website Back to the Top ↑