PDA

View Full Version : Multiple Disjointed Rollovers in Frontpage



makphisto
18th May 2005, 06:16 pm
Hi,

First, thanks for your article "Creating an Image Rollover" (http://www.cadtutor.net/wb/fp/rollover/rollover.html). Its the only tutorial I've found for making a disjointed rollover in Frontpage, and it has helped me quite a bit.

One question - I'd like to take the rollover to the next level and have multiple rollovers. Basically, I have one "main" image and several "thumbnails" (each a different color of the same product). When you hover over one of the thumbnails, I want the main image to show the larger view of that product in the "main" image area. If that makes any sense. :wink:

So, can it be done? Thanks!

CADTutor
18th May 2005, 07:42 pm
Yes, this can be done but you will need to play around with the code. It's not something that FrontPage can help with.

Unfortunately, the way FrontPage writes the rollover code means that you can't do this simply by editing the existing code because the information about the replacement image is contained in the main image and not in the trigger image.

Dreamweaver has a much better implementation - but you don't need to hear that.

I found this very useful article (http://www.daxassist.com/js/disjointedrollovers.cfm) describing just what you want.

makphisto
18th May 2005, 10:36 pm
Thanks a bunch. It took me most of the day, but I got it. Check it out, if you would like:
http://www.gurkeescentral.com/gurkees_rope_sandals_neptune.htm

CADTutor
19th May 2005, 07:38 am
Good work. Thats a great looking site you have there. 8)

f700es
19th May 2005, 01:35 pm
Wow, very professional. Good job. I suck at web design :(