A few questions - resizing image and change image on the same page

[Egg Bramhill]

I can't find away around this either. Interestingly the example site uses svg files to create this effect.

[Acorn]

Again, I am only mildly interested in this.

My approach, within a Xara design, would be to create a Green 50% Flat Transparent Rectangle with a ClassName.
I would scale and skew to a best fit for an an area . I would clone and overlap and fit to extend the area to cover an entire floor.

I would write some JavaScript to detect a hover and so change all the Class objects from opacity 0 to opacity 1.
The click event might be better as JS too so avoid too much rollover stutter.

The correction of SVGs to scale properly in Pro+ actually allows for the original approach to be replicated quite easily.
You just create your complicated shape and Export as SVG and Embed back onto the design.
I would take then designed shape as the Placeholder.
Sadly, you need all of:

<a href="#"><object type="image/svg+xml" data="index_htm_files/FloorA.svg" id="floorA">
    <!-- Your fall back here -->
    <img src="index_htm_files/FloorA.svg" />
</object>
</a>

You then have to code the SVG to appear on hover.
The link hover doesn't follow the shapes in IE but modern browsers are fine.

Acorn

[Initiostar]

The correction of SVGs to scale properly in Pro+ actually allows for the original approach to be replicated quite easily.

Thank you for the explanation Acorn. I expect SVG scaling will fix a few other issues too.

Gary