• This email address is being protected from spambots. You need JavaScript enabled to view it.
×

Notice

The forum is in read only mode.

Welcome, Guest
Username: Password: Remember me
31 Aug 2022
Our new version 11.0.11.0 is now available.
Read More...
  • Page:
  • 1

TOPIC:

Interactive floorplans 23 Feb 2014 08:59 #1302

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 .

Interactive floorplans 23 Feb 2014 08:54 #1301

hi. have purchased the basic version. is it possible to make the floorplans interactive - ie attach photos & text to rooms so it displays when mouse is over that room?

usually done by a url link.
  • Page:
  • 1
Time to create page: 0.085 seconds