Sie sind nicht angemeldet.

1

Montag, 11. September 2023, 19:35

Onover touch device

Hello,
I'have an iframe inside Elementor (Wordpress) that show an image with some hotspots on, in the desktop it's working fine but in a touch device the hotspots are not showed when you pass your fingers over the images. What I'm doing wrong (or what I'm missing in the xml)? Plus I would like to disable the possibilty to zoom or pan the image in the touch device (like in the desktop).
This is my xml (there are more hotsposts not included):

<krpano>

<!-- the skin and the flat pano viewing and controlling setup -->
<include url="skin/flatpano_setup.xml" />

<!-- startup control -->

<control fovspeed="0">

</control>

<!-- preview pano image -->
<preview url="design.tiles/preview.jpg" />

<!-- pano image -->
<image type="CYLINDER" hfov="1.00" vfov="1.011091" voffset="0.00" multires="true" tilesize="512">
<level tiledimagewidth="1600" tiledimageheight="1618">
<cylinder url="design.tiles/l4/%v/l4_%v_%h.jpg" />
</level>
<level tiledimagewidth="768" tiledimageheight="778">
<cylinder url="design.tiles/l3/%v/l3_%v_%h.jpg" />
</level>
<level tiledimagewidth="512" tiledimageheight="518">
<cylinder url="design.tiles/l2/%v/l2_%v_%h.jpg" />
</level>
<level tiledimagewidth="256" tiledimageheight="260">
<cylinder url="design.tiles/l1/%v/l1_%v_%h.jpg" />
</level>
</image>

<hotspot name="telaio_foto"
url="hotspot/telaio_foto.png"
distorted="true"
capture="false"
ath="-0.255"
atv="-0.255"
scale="0.0055"
alpha="1.0"
onover="set(hotspot[telaio_scritta].visible,true);"
/>

<hotspot name="telaio_scritta"
url="hotspot/telaio_scritta.png"
distorted="true"
capture="false"
ath="-0.255"
atv="-0.255"
scale="0.0055"
alpha="1.0"
visible="false"
onclick="openurl(https://www.be-bed.it/prodotto/design/te…d-design/,_self);"
/>

</krpano>


And this is the link to the image:


link


Another question is about the onclick image action, now it's opening the linked paged inside the iframe but I need to open it like a normal page, if this is possible to achieve.

Thnks all for help.

2

Montag, 11. September 2023, 23:09

"Plus I would like to disable the possibilty to zoom or pan the image in the touch device (like in the desktop)."


I've solved this question adding this line to the startup control:


usercontrol="off"

3

Montag, 11. September 2023, 23:24

Onhover is for mouse only.
Use the touch events for mobile devices.
However "hover" on mobile devices like "slide a finger over something" isn't really a concept in use.

For the iframe link try _parent instead of _self.

4

Dienstag, 12. September 2023, 00:00

Thank you s-maier, you've been very helpful ;-)