We have a few pictures which we had to shrink down to fit onto our slides, but for each picture we've added a "Zoom Picture" so that the user can view a larger version of the image.
The problem is for some reason, the specs (height & width) of the shrunken picture are skewed and look terrible when we publish or preview the slide. The zoomed-in version of the picture looks as it should, but the initial picture has the wrong dimensions.
I'm not sure why this is happening or if I'm doing something wrong. I'll attach two images to help show what's happening.
We're having the exact same issue here. I've included print screens that show what the slide looks like in Articulate Storyline, and then what it looks like when it's published in the LMS. The picture has the zoom feature applied.
I'm happy to help! Do you see this same error when viewing the course after publishing for web or Review 360? With your permission, I'd like to take a look at your project. You can upload it privately by using this secure upload link! You'll receive a notification as soon as the file is received.
Thank you for providing both the story file and screenshots! I also see the images with the zoom picture feature are blurry. I've shared this with my team so that we can determine the culprit.
As a workaround, I'd suggest adding a state to each of the pictures you're looking to resize. This way, you'll have control over the size of the image on the slide. I'll keep you updated in this discussion if our team finds the fix.
I took a look at the project file that you shared above. I could not identify what slide equates to Image 1, but I was able to find Image 2 on Slide 2.10.
I published this slide to SCORM Cloud as a comparison and it's working as expected for me.
Can you take a look at this link and let me know if you're still seeing an issue or is the issue specific to your LMS? If you are seeing an issue, please let me know what browser you're using and I'd be happy to take another look.
Has this issue been solved yet? I'm encountering the same problem when applying the zoom feature to images. I've tried changing the images from png to jpeg (no change), and resizing them to the desired thumbnail size in a photo editing program before inserting them onto the slide (disables the zoom ability). Neither works.
The funny thing is I have six images on this slide and only five of them are experiencing this problem. One is working perfectly fine and I don't know why.
I just had it happen again last week and opened a support ticket. The rep had me save the file to my desktop and that worked...it had to do with using the file from a shared network drive.
15 Replies
That doesn't look good. I'd recommend deleting the assets from the slide and to try setting up the zoom again to see if that fixes the issue.
We're having the exact same issue here. I've included print screens that show what the slide looks like in Articulate Storyline, and then what it looks like when it's published in the LMS. The picture has the zoom feature applied.
Hello Bailey!
I'm happy to help! Do you see this same error when viewing the course after publishing for web or Review 360? With your permission, I'd like to take a look at your project. You can upload it privately by using this secure upload link! You'll receive a notification as soon as the file is received.
Let me know if you have additional questions!
Here's another example of this. Lauren, let me know if I can provide any help on it!
It looks fine when published as a SCORM. I have problems with publishing as an HTML. Tested on multiple browsers with the same result.
Hi Bailey!
Thank you for providing both the story file and screenshots! I also see the images with the zoom picture feature are blurry. I've shared this with my team so that we can determine the culprit.
As a workaround, I'd suggest adding a state to each of the pictures you're looking to resize. This way, you'll have control over the size of the image on the slide. I'll keep you updated in this discussion if our team finds the fix.
Thanks, Lauren!
Hi Bailey,
I took a look at the project file that you shared above. I could not identify what slide equates to Image 1, but I was able to find Image 2 on Slide 2.10.
I published this slide to SCORM Cloud as a comparison and it's working as expected for me.
Can you take a look at this link and let me know if you're still seeing an issue or is the issue specific to your LMS? If you are seeing an issue, please let me know what browser you're using and I'd be happy to take another look.
Hi Leslie - The issue was specific to publishing as an HTML file, and wasn't happening on SCORM files.
I apologize, Bailey. Thank you for the re-direction.
I've published for the web and getting the results as expected as well.
Can you take a look at this link?
That looks like it should!
Thanks for confirming, Bailey.
I published your course using the latest version of Storyline 360, which is Build 3.52.25156.0.
Do you know what version of Storyline you're using?
If you were viewing the course on your local computer before uploading it to a web server, that might have also caused the issue.
Let me know if you can pinpoint the cause or specific browser, and I'd be happy to take another look.
I'm on 3.50.24668.0. I was viewing it on a web server. We reuploaded it to the server and the issues were resolved on their own.
I can update storyline and i'll just watch for it to happen again.
Sounds great, Bailey. You know where to find us :)
Has this issue been solved yet? I'm encountering the same problem when applying the zoom feature to images. I've tried changing the images from png to jpeg (no change), and resizing them to the desired thumbnail size in a photo editing program before inserting them onto the slide (disables the zoom ability). Neither works.
The funny thing is I have six images on this slide and only five of them are experiencing this problem. One is working perfectly fine and I don't know why.
Any help would be appreciated. Thanks.
I just had it happen again last week and opened a support ticket. The rep had me save the file to my desktop and that worked...it had to do with using the file from a shared network drive.