You are not logged in.

hiding plugin on all devices other than desktop

trek

Intermediate

  • "trek" started this thread

Posts: 175

  • Send private message

1

Thursday, June 28th 2012, 4:35pm

hiding plugin on all devices other than desktop

Hi



I have a plugin that turns rotate off/on or on/off on the desktop version of the a tour. For tablet and mobile I do not want to display the plugin at all (ie I'm happy for the pano to be stationary or rotating with no means to start/stop rotate).



Here is my syntax for the two plugins:



<plugin name="rotate-off-button"
align="bottom" x="0" y="35"
visible="false"
url="../hotspots/icon-rotate.png"
alpha="0.8"
keep="false"
 onhover="showtext('rotate off ',hotspottextstyle);"
onclick="rotate-off"
/>

<plugin name="rotate-on-button"
align="bottom" x="0" y="35"
visible="false"
url="../hotspots/icon-rotate.png"
keep="false"
onhover="showtext('rotate on ',hotspottextstyle);"
onclick="rotate-on"
/>



Basically if pano is already rotating, button will stop it, if pano is not rotating button will start it.



What do I need to change to make the button only appear if run on a desktop? I want something like if desktop, visible..



Thanks in advance



Tim

trek

Intermediate

  • "trek" started this thread

Posts: 175

  • Send private message

2

Thursday, June 28th 2012, 5:46pm

Solved

Added the lines in red:



<plugin name="rotate-off-button"
devices="desktop"
 align="bottom" x="0" y="35"
visible="true"
url="../hotspots/icon-rotate.png"
alpha="0.8"
keep="false"
onhover="showtext('rotate off ',hotspottextstyle);"
onclick="rotate-off"
/>

<plugin name="rotate-on-button"
devices="desktop"
 align="bottom" x="0" y="35"
visible="false"
url="../hotspots/icon-rotate.png"
keep="false"
onhover="showtext('rotate on ',hotspottextstyle);"
onclick="rotate-on"
/>

Similar threads