Hi, I'm hoping that someone can help me with an issue I'm having with a certain code. I simply cannot figure out or find the code that allows for multiple rollovers on a single image, such as what is being used on the header of this site:
http://s9.invisionfree.com/FHP/index.php
I know how to create hotspots {I have Microsoft FrontPage 2003}, but the rollover code is giving me a lot of trouble.
If anyone could offer their assistance, it would be greatly appreciated! Thanks!
That could be done with ordinary rollovers with the big image as a background. That was what I thought this was until I looked. It's actually CSS. They have an image as background for the whole thing. A bunch of list items containing empty A tags are spread out over it. Then they use the same image as background for the links and move it around. The overlaid background is only visible inside the A element.
http://70.85.240.179/4047/3/upload/p2004279.jpg
It's quite smart, except for the empty A elements that isn't smart at all.
If you are comfortable with JavaScript tollovers, this is easy to to the way I originally thought it was done.
Thanks jimlongo; I had looked at some similar things on that site before, but I had never found the source information, strangely. <.< Dunno why not. Anyway, hopefully that'll hint at something.
And pandy -- wow, thanks! The only problem I have... is I'm not experienced with any type of rollovers... at all. And JavaScript isn't something I know a whole lot about. Would you mind maybe explaining it a bit more?
The code is in the CSS block in head, but if you don't know CSS it's hard to follow and not the best place to start learning CSS. The best place is http://www.htmlhelp.com/reference/css/.
The simplest example of a JavaScript rollover is this.
Alright, thanks! Actually, I designed an InvisionFree layout and had to work and design the CSS, so I'm a little bit experienced in that.
And that code you gave me is similar to the one's I've seen, I just don't understand how to actually get more than one on an image, but I'll probably figure it out with some more searching.
Thanks for your help!
You use the big image as a background and place the buttons/links on it. There will be only one rollover for each image or link, whichever you choose to use the rollover with.
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)