Forum Discussion

ianyoung-7fbe36's avatar
ianyoung-7fbe36
Community Member
2 years ago

Hiding hotspots 100% in a 360 image?

I have my hotspots hidden from view so the user has to find them in a 360 degree image. Problem is that when the user clicks on them the hotspot appears whilst the cursor rests on it,it does not look good! Is there any way to 'totally' 100% hide them from view in a 360 degree image?

Also is there any way to stop the cursor changing when it hovers over a hotspot in a 360 image? and please don't say build 5 or 6 hotspots in the background cos that is a problem when they click and these huge hideous hotspots appear... (see above question) Thanks for any help!

  • I'd also like to hide/deactivate all hotspots in a 360 image once a user has found them all. I tried placing a new hotspot object, in a new layer, covering the entire 360 image. It stopped the user from being able to scroll around but the hotspots still worked. There aren't any '360' built-in variables to change either.

  • Hello,

    Happy to chime in!

    There isn't a way to customize the hotspots in a 360° image right now, but we are currently tracking the demand for this feature through a feature request. I've added your voice to the report, and we'll be sure to leave a message here when this feature makes it to our product roadmap

  • JerryGordon's avatar
    JerryGordon
    Community Member

    Would definitely be useful in many 3D scenarios that involve finding problems or hidden items. Seems like an obvious add.

    • StevenBenassi's avatar
      StevenBenassi
      Staff

      Hi Jerry!

      Thanks for the feedback on the type of functionality you'd like to see in Storyline 360!

      I've included you in the feature report and will provide updates as soon as we have news to share! If you'd like to stay up to date, please bookmark our Feature Roadmap.

  • Hi everyone,

    I had the same wish as you and I fixed it :-) Instead of hiding the hand cursor while hovering over a hotspot, I changed the cursor to be always the 'hand cursor', so there is no change if you hover. It is done via 2 lines of JS (Add Trigger -> Execute JS when timeline starts on this slide):

    Changes cursor to be always a hand cursor:
    let element = document.getElementById("slide");
    element.style.cursor = "pointer";

    All following slides will permanently show the hand cursor as long as you don't change it back via JS (Add Trigger -> Execute JS when timeline starts on this slide):

    Changes cursor back to default behaviour:
    let element = document.getElementById("slide");
    element.style.cursor = "default";

    Hope that solves your problems too and is more challenging to your learners :-)

    Regards, Erich