Interactive area

Hi,
I have seen this example: https://krpano.com/examples/117/e…activearea.html

I tied to make this. It's ok, but don't work on iPad. (the example is good)

Here is my code:

<hotspot name="door"
url="spots/hotspot.jpg" enabled="false" zorder="1"
distorted="true" ath="0" atv="0"
width="409.1796875"
height="791.015625"
edge="lefttop"
ox="-439.453125"
oy="-291.015625" alpha="0.0"/>

<hotspot name="door2"
url="spots/hotspot2.jpg" enabled="false" zorder="1"
distorted="true" ath="0" atv="+90"
width="396.484375"
height="329.1015625"
edge="lefttop"
ox="-406.25"
oy="-500"
alpha="0.0"/>

<hotspot name="closeddoor" capture="false" zorder="2" alpha="0"
ondown="tween(hotspot[door].alpha,1.0);tween(hotspot[door2].alpha,1.0);"
onup="tween(hotspot[door].alpha,0.0);tween(hotspot[door2].alpha,0.0);">

<point ath="-32.610031" atv="-19.918033" />
<point ath="-20.081883" atv="-19.549180" />
<point ath="-21.187308" atv="44.631148" />
<point ath="-36.294780" atv="44.262295" />
</hotspot>
<hotspot name="spotpolygon14" devices="flash" zorder="1"/>
<hotspot name="spotpolygon14" devices="html5+desktop" zorder="3" zorder2="1"/>
<hotspot name="spotpolygon14" devices="tablet|mobile" zorder2="1"/>

<action name="hidepanopolygonalspots">
set(hotspot[spotpolygon14].visible, false);
</action>
<action name="showpanopolygonalspots">
set(hotspot[spotpolygon14].visible, true);
</action>
<action name="showpanospotsaction">
if (tour_displayspots,
showpanopolygonalspots();
);
</action>
<action name="hidepanospotsaction">
hidepanopolygonalspots();
</action>

And here is my virtual tour: http://www.panoramablog.eu/media/budapest/balint/balint.html

The penultimate panorama, where is a cupboard.

What did I do wrong?

Thanks for help:)

Quote from Umalo

This can be a reason:
Distorted hotspot html problem

Thank you so much, it is work now on ipad too. :)