Welcome,
Guest
|
|
I assume your requirement is to display a floor plan on a web page and so when the cursor hovers over a room in the plan, a photo photo or additional information is displayed.
Certainty you could create the nasic plan with Visual Building, but the interactive feature would require some code on the web page, normally using javascript. There are many different ways to achieve this, some elegant solutions using HTML5 / javacript / jQuery- but would be beyond the scope of most users of this forum. A very simple html solution using an image map would use code like: <!DOCTYPE html> <html> <body> <img src="floorplan.png" width="500" height="500" alt="Flor plan" usemap="#floorplan"> <map name="floorplan"> <area shape="rect" coords="0,0,82,126" alt="Kitchen" href="kitchen.htm"> <area shape="rect" coords="82,126, 182, 226" alt="Lounge" href="lounge.htm"> <area shape="rect" coords="0, 100, 100, 100" alt="Hall" href="Hall.htm"> </map> </body> </html> Where clicking in the areas defined as kitchen would send you to a new page called kitchen.htm. There is also an example here where we used 2 images created with Visual Building to animate when the cursor moves over the image, explained here . See example 3rd image down . |