Forum Discussion
Using Slider with Markers or Hotspots
- 6 months ago
Hello IlianaBaez . Here is the .story file. Please note that you need 2 triggers to move and automatically keep moving the map floor in each direction. And an important tip: first create a Group with your image (the map floor) and a shape (whatever it is) hidden behind it. Then apply the motion paths to this Group. Next, you can add any clickable element to the moving Group: set the clickable element on the map, cut and paste it after selecting another element in the Group. That's it. If you apply movement paths to your large image, then create a group with other elements, this will cause problems. I hope this helps.
It's a bit of a complex interaction where the hotspot needs to move in sync with the slider, following the same direction. You can achieve this by creating two motion paths on the hotspot (one for left, one for right) using relative start points. Then, determine how far the slider moves with each step in either direction so you can move the hotspot by the same distance, keeping it aligned as it follows the slider. The hardest part is figuring out which direction the slider is moving, so the hotspot can adjust its movement accordingly. I set up a basic example using a blue button to make the movement more visible on the slide. I placed the button over a specific part of the slider image. As that part of the image moves, the blue button moves with it. This way, the button is only clickable when that part of the image is visible on the slide — once it moves off the slide, the button moves out of view as well. This solution uses a few extra variables and triggers to make sure the slider works as intended. I know it can get pretty complex with more buttons moving along the slider image (more motion paths), but honestly, I don’t see a better option at the moment. There we go! Not totally sure if this is exactly what you had in mind, but hopefully it's close.
Related Content
- 7 months ago
- 10 months ago
- 10 months ago