Forum Discussion
Slider thumb pictures blurry
I'm using a .png as a slider thumb. When the story is published, the thumb version of the picture is blurry. When the same image is inserted as a picture (at the same size), it's fine. Anyone know a way to fix blurry slider thumb pictures?
Screen snapshot attached showing the thumb slider version of the picture and the same image inserted as a picture.
28 Replies
I just wanted to share what worked for me. I noticed that the slider thumb (with custom png graphic) looks sharp when the mouse hovers over it. If this is the case for you, then try duplicating the hover state, and name it Selected (or any of the SL built-in states). Then add a trigger to change the state of the slider to Selected when the timeline starts.
Correction: I realize that you actually need to create a Visited state, NOT Selected state. It doesn't really work with a Selected state, because every time the user interacts with the slider, the thumb graphic toggles back and forth between the Selected (sharp) state and the Normal (blurry) state. With the Visited state, the image stays sharp.
Wow thanks! I'll be testing that out as soon as I can.
Jen P,
I have tried your solution and it worked! thank you!
Any fix on this yet? It's been four years people !!!
Hello Raul!
So sorry for the trouble! This is currently being worked on by our team. We will let you know when a fix is shipped.
Hello everyone!
Good news! Today, we just released Storyline 3 Update 19 which included the fix for the bug where slider thumb pictures are blurry in HTML5.
Now all you need to do is update Storyline 3!
If you have additional questions, don't hesitate to reach out in this discussion or in a support case.
Hey. It only took five years to fix. Great work Articulate Team !!! Sarcasm aside, this fix does open up more interactions for future projects. Thank you :)
