Sie sind nicht angemeldet.

Conditional Hotspot image URL for Mobile devices

Lieber Besucher, herzlich willkommen bei: krpano.com Forum. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

robotpano

Anfänger

  • »robotpano« ist der Autor dieses Themas

Beiträge: 9

  • Nachricht senden

1

Mittwoch, 12. November 2014, 08:34

Conditional Hotspot image URL for Mobile devices

I wish to use a smaller hotspot image on mobile devices. I have tried the following, but it does not work:

Quellcode

 
1

<hotspot name="mySpot"  url="images/large.png"  devices="!mobile"  />


Quellcode

 
1

<hotspot name="mySpot"  url="images/small.png"  devices="mobile"  />



Is there a way to do this? Perhaps I am meant to use hotspot[name].loadStyle()

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

2

Mittwoch, 12. November 2014, 09:47

Hi,

the code itself is okay and should work (maybe you need to clear the browser cache).

With version 1.18 you could also do:

Quellcode

 
1
2
3
4

<hotspot name="mySpot"
         url.no-mobile="images/large.png" 
         url.mobile="images/small.png" 
         />


Best regards,
Klaus

robotpano

Anfänger

  • »robotpano« ist der Autor dieses Themas

Beiträge: 9

  • Nachricht senden

3

Donnerstag, 13. November 2014, 00:46

Thanks Klaus, "url.no-mobile" worked beautifully!

I was able to combine it with scale.no-mobile="2", so my small mobile hotspot images display correctly.

Thank you for the elegant design!

ibrews

Anfänger

Beiträge: 8

  • Nachricht senden

4

Dienstag, 11. Oktober 2016, 19:29

Anyone know how to do this but with stereo? I have a hotspot that I want to behave one way when in VR mode, and a different way when not in VR mode.

Tried:


url.no-stereo="images/large.png"
url.stereo="images/small.png"


url.no-webvr="images/large.png"
url.webvr="images/small.png"


as examples and they didn't seem to work.

Ähnliche Themen