Multiple interactive hotspots - is it possible?

  • Hi,
    I'm trying to make a panorama with multiple interactive hotspots but I'm having some troubles. I've used the following tutorial: Example/Tutorial - Extract a Distorted Hotspot from any kind of Pano Image (with perfect pixel alignment)
    I successfully made a door open when the cursor goes over it. I now want to make another door in the same panorama to open when the cursor hovers over it. However, if I add a second hotspot only the 2nd hotspot works. Is there a limitation or I'm doing something wrong? *huh*

    Thanks in advance!

  • Hi
    http://www.john-law.net/projects/wip/passage/index.html
    That pano has several hotspots & here is the hotspot code from the xml file:
    Its easy once you have one working!
    JL

    <hotspot name="face-spot"
    url="tface.png"
    distorted="true"
    ath="74"
    atv="-5.8"
    scale="0.27"
    rx="2" ry="0" rz="0"
    zorder="1"
    onhover="showtext(A 'flâneur' if ever I saw one!);"
    onclick="set(hotspot[muff-spot].visible,true);"
    />

    <hotspot name="muff-spot"
    url="muffat-txt.png"
    distorted="0"
    keep="1"
    visible="0"
    ath="53"
    atv="-20"
    scale="0.3"
    rx="0" ry="0" rz="0"
    zorder="2"
    onclick="set(hotspot[muff-spot].visible,0);"
    />

    <hotspot name="phil-spot"
    url="phil.png"
    distorted="true"
    ath="128"
    atv="2.5"
    scale="0.6"
    rx="0" ry="0" rz="0"
    zorder="3"
    onhover="showtext(I wonder what this place was like in 1800?);"
    onclick="set(hotspot[rotunda-spot].visible,true);"
    />

    <hotspot name="rotunda-spot"
    url="2rotundas.jpg"
    distorted="0"
    keep="1"
    visible="0"
    ath="125"
    atv="-10"
    scale="0.8"
    rx="0" ry="0" rz="0"
    zorder="4"
    onclick="set(hotspot[rotunda-spot].visible,0);"
    />

    <hotspot name="nana-spot"
    url="nana.png"
    distorted="true"
    visible="true"
    ath="202.5"
    atv="1.8"
    scale="0.22"
    rx="2" ry="0" rz="0"
    zorder="5"
    onhover="showtext(Could this be Nana?);"
    onclick="set(hotspot[nana2-spot].visible,true);"
    />

    <hotspot name="nana2-spot"
    url="nana-txt.png"
    distorted="0"
    keep="1"
    visible="0"
    ath="182"
    atv="-20"
    scale="0.3"
    rx="0" ry="0" rz="0"
    zorder="6"
    onclick="set(hotspot[nana2-spot].visible,0);"
    />

    <hotspot name="add-spot"
    url="add.png"
    distorted="true"
    ath="-66"
    atv="3.9"
    scale="0.165"
    rx="-4" ry="9" rz="0"
    zorder="7"
    visible="0"
    onclick="set(hotspot[add-spot].visible,0);"
    />

    <hotspot name="plate-spot"
    url="nplate.png"
    distorted="true"
    ath="-71"
    atv="37"
    scale="0.24"
    rx="0" ry="0" rz="5"
    zorder="8"
    onhover="showtext(L'addition svp!);"
    onclick="set(hotspot[add-spot].visible,true);"
    />

  • EDIT: Oops, it was actually my fault. *g* There was a typo in my code. Now everything works as expected! *tongue*

    Thanks for the replies. Yes, the hotspots are named differently but still only the 1st hotspot works. *sad*
    Thanks also for the panorama example. However this is not what I'm looking for. I need to get 2 interactive hotspots working that are made in similar ways as in that link: Example/Tutorial - Extract a Distorted Hotspot from any kind of Pano Image (with perfect pixel alignment)

    Edited 2 times, last by duke (December 8, 2013 at 11:28 PM).

Participate now!

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