CSS/Image Rollover/jQuery?

Question

I am unsure how to approach this. I have an image that when you roll over parts of this a word or another picture will pop-out. That I am pretty confident I can do, the one part I am unsure about is can I get those to remain on the picture after rollover or on click? Maybe do some of this with jQuery?

Thanks for the advice

With what mark-up? What've you tried? What elements do you want the rollover to happen with? What elements do you want to show/keep-shown? — David Thomas
– David Thomas, Commented Jul 10, 2011 at 22:23
the basic concept is I have an image with text (the text is actual images also as the text is styled) and when parts of the image is rolled over those words will show and can be clicked to keep them shown. I have not tried this yet, I have planned on using CSS for rollovers using display:none and maybe jquery for keeping the images there (as mentioned in a few post below) — L84
– L84, Commented Jul 11, 2011 at 0:25

Eric · Accepted Answer · 2011-07-10 22:24:51Z

1

jQuery:

$('.imageClass').click('#linkId').show(); It should not disappear unless you use the .toggle() or .bind() function.

answered Jul 10, 2011 at 22:24

Eric

3712 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

daryl · Accepted Answer · 2011-07-10 22:31:35Z

0

$('.foo').click(function() {
   $('.something').show();
});

answered Jul 10, 2011 at 22:31

daryl

15.3k21 gold badges70 silver badges93 bronze badges

Collectives™ on Stack Overflow

CSS/Image Rollover/jQuery?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related