Forum Discussion
Hover States, Layers and Images
The slide is number 15. I have a visible background layer (graphic of a fab shop with lots of hazards). To test to see if this will work, I created another layer and also created a transparent box over the wrench at the top of the ladder on the left side of the graphic. I created a hover state for the transparent box that shows a text box when the mouse hovers over the box, then the text box leaves after the mouse moves - at least that is what it is SUPPOSED to do. When I preview, I get no hover effect.
Hi Perkinli,
Thanks for sharing your file! I was able to get this hover state to work on my end. Here's what I modified:
1. I adjusted two triggers on this slide.
- I first inserted a new trigger to show the Untitled Layer 1 when the timeline starts on this slide.
- The second trigger I modified was for navigation. I changed the Jump to slide trigger from when Timeline ends to User clicks or swipes next. This allows the learner to take their time viewing all the hazards in the image before proceeding.
2. I made sure that the Slide layer was marked visible in the Slide Layer Panel.
- I noticed that when I marked this visible with the eye icon, the AI audio you've included in the slide layer is visible when viewing the base layer.
3. I checked the hover state for the rectangle you included in the slide layer.
- The text box seemed to be slightly out of the slide frame, so I made sure it was in view.
I'd like to walk you through a visual of these updates. I'll attach an updated version of the course so you can see the changes in the .story file.
If you are looking for something different or have any further questions, please let me know! I'm happy to help!