Hot spots, flyins and layers.... oh my

Aug 21, 2013

I'm working on a custom menu for a project and I'm running into some problems. The image below is what the menu is going to look like. What I would like to happen is when a person hovers over a hot spot on the left, the banner flys in. The banner has to stay underneath the image with the hot spots. I have a base layer, the hotspot layer, and a layer for each banner. All images are .png with transperancy. The hotspot layer is shown when timeline starts. My first thought was to have the base layer, followed by the banner layers, with the hotspot layer on top of the layer list. All the banners were assigned animation to fly in from the left. Two things happened. First when I hovered over the hotspots, the banner would show up flickering off to the side. The only way the banner would completly fly in is if I pressed and held the mouse button. Second, the banner layers always show up on top of everything. If I don't animate the banner layers they pop on just fine but are still on top of everything. Anybody have a simple elegant solution to this?

6 Replies
eLearning Development


If you would like to attach your file or this portion of it either I or someone else would be glad to have a look at it.

My fist thought is that layers always go over top of the base layer like a transparency laid on top.  To have something go behind an object that is on the base layer I would recreate that object on the layer.


Mike Mohr

Hi Tim,

After consulting with fellow storyline user Doug Mattson, we figured out what was causing the flickering. The layer/object was passing over the hotspot and blocking it. The layer/object would rest and try to fly in again causing a loop. If you moved the cursor to a spot of the hotspot that wasn't being blocked it would work fine. This was surprising because I had the layer with the hotspots on top of everything.  I solved the layer issue by including the object from the the top layer on each of the banner layers. The banner doesn't slide back in like I originally wanted but I can live with that... for now . If anyone has a more elegant solution to this, I'd love to see it.

Mike Mohr

Well I found my "elegant" solution! Thanks to the following post, Understanding how the layers work is the key. The big thing is to trigger the layer  you want on top, to show at the start of the layer you want  on the bottom's timeline. BINGO! No more jitters and the layers are in the order they are supposed to be in. I've attached the file for anyone who wants to disect how it's put together.

This discussion is closed. You can start a new discussion or contact Articulate Support.