Zoomed image in lightbox appeared behind image when published

Jul 28, 2017

I'm noticed some odd behavior in a lightbox slide I've built with an image that has the zoom applied to it.  In preview mode, the interaction works as it should (click on the image, and it zooms out on top of the original image on the slide).

However, when I publish the course and view the same slide, when I click on the image to zoom it, the image zooms out behind the original image.

As a note, I always work locally and the course was published for LMS.

Any ideas on how to fix this?

10 Replies
Ashley Terwilliger-Pollard

Hi D,

What version of Storyline are you using? We have an issue reported in Storyline 2, where zooming a picture on top of a lightbox is appearing at the back of the lightbox vs. the front. Is that what you're seeing too? 

If that matches what you're seeing, we have reported it to our team, and continue to keep an eye on it to evaluate how many customers are impacted and what impact it has on courses. The number of customers and depth of impact are two of the elements that help us prioritize bugs and fixes. 

Here's some more detail about how we tackle bugs. 

If you're seeing something different, can you share a copy of your .story file here with us? 

Rick Maranta

Hi Ashley and D, I believe this is a problem with the CSS. I found a class in the mobile/player.css and changed the z-index to something higher and it worked fine.

.zoomimage
{
position:absolute;
z-index:50000;
}

I used 50,000 instead of what it was (1400 or something).  You can change that to something higher after you output it and it will work.

Ashley, can you relay this to your support team. Not sure it has to be as high as I set it but it would be nice if we didn't have to do this manually. 

Rick

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