hiding and showing images on web pages

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • agoodsoldier
    New Member
    • Jul 2008
    • 1

    hiding and showing images on web pages

    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.firstchoice clean.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.
  • acoder
    Recognized Expert MVP
    • Nov 2006
    • 16032

    #2
    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".

    Comment

    Working...