Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

kitki83

macrumors 6502a
Original poster
Mar 31, 2004
804
0
Los Angeles
I used W3C and HTML Dog, but I am having problems finding this code. Basically I want to create text where the user will hover over it and an image will show as long as the mouse hovers over the text. I know there HTML/CSS code for it but I can't think of a name it may be called I get more like image to image change when hovering.

I know you can create similar feature with image and links when hovered over will show small text box. Can I make it an image?

ps. I get image rollover which is what I don't want.

Picture2.jpg
 
You're probably thinking of CSS display: block / none / etc. The div with the image is already there but hidden. On a mouse over, the div is reveled with the image inside. A mouse over hides the div again.
 
You're probably thinking of CSS display: block / none / etc. The div with the image is already there but hidden. On a mouse over, the div is reveled with the image inside. A mouse over hides the div again.

Honestly I read that this feature is not IE compatible, if you know a link for a tutorial that can help me achieve this.

update found an update after someone told me to google css :hover which helped find more relevant information

So for future reference

http://host.sonspring.com/hoverbox/
 
JavaScript runs in the browser and among other things, it manipulates the DOM in the browser. It has nothing to do with the Internet. However, it can make a async or sync HTTP request (which is probably not what you were asking).
 
JavaScript runs in the browser and among other things, it manipulates the DOM in the browser. It has nothing to do with the Internet. However, it can make a async or sync HTTP request (which is probably not what you were asking).

Thank you just wanted to confirm this!
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.