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

  • 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"
    />

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!