By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,605 Members | 2,137 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,605 IT Pros & Developers. It's quick & easy.

hiding and showing images on web pages

P: 1
I have a floor plan image that I'd like to highlight different rooms on at various times. I've created outlines of some rooms, (eventually all rooms) and would like to be able to enter as text, room numbers, and have the highlighted images to appear on top of the floor plan, to indicate the room was chosen.

www.firstchoiceclean.com/floor.html

Right now it's a mess, I have two scanned images over the floor plans and highlighted images.

I was thinking it would be good to have a listing of all the rooms on each floor, and to be able to pick a room, and voila, it's highlighted.
Jul 10 '08 #1
Share this Question
Share on Google+
1 Reply


acoder
Expert Mod 15k+
P: 16,027
Give each image an id and keep them hidden to begin with (keep style display property "none"). You could have a drop down to select the images to highlight and the values of the options would be the ID of the image. When an image is selected, display it by setting its style.display property to "block".
Jul 10 '08 #2

Post your reply

Sign in to post your reply or Sign up for a free account.