Freeform drag and drop not working when published

I was working on a submission for this weeks challenge. 

https://community.articulate.com/articles/zooming-and-magnifying-images-elearning 

The idea was to have an image that when clicked would zoom in (change state to a larger version of the image) and using freeform drag and drop you would be able to move the image around in order to explore it while zoomed in. 

This works exactly as hoped while previewing the .Story (attached) however, when published, it acts odd, and fails to work as intended.

demo: https://goo.gl/lvYoLC

anyone have any idea why?

Thanks

16 Replies
Christie Pollick

Hi, David -- Hmmn, that is peculiar.... When I click on the demo link you have provided, I have the same experience you have described, but after I published your file on my machine and uploaded to tempshare.articulate.com, it appears to be functioning properly on my end. I am able to zoom and then hold down the mouse to move around the image. Can you please click on this link to let me know if you have the same difficulty here

David Jordan

So i think the reason for the jumpy-ness is the image itself. I think it may be too high quality an image to be moving around at that size. I replaced the larger image with a large simple shape and the smoothness improved. https://s3.amazonaws.com/pen-first.bucket/114+zooming+3+-+Storyline+output/story.html 

Does this seem correct? and if so, is there something i can do to improve this further or am i trying to force SL to work in a way its not meant to?

Christie Pollick

Hi, David -- Thanks for your replies and for the additional examples! For the simple star shape, I also tested the HTML5 version and while I didn't experience a total freeze, I did have some of the 'jumpiness' we've discussed. Please click here to see what I mean. 

I'd like to go ahead and reach out to some of my colleagues to gather their input on what could be causing this behavior. I will let you know what I find out as soon as possible, and your patience is appreciated! :)

Christie Pollick

Hi, David -- A few of my colleagues were able to do some testing of the links shared, and found the following:

One teammate did not experience any issues when testing in Safari, but strangely, I had the same experience in Chrome, Safari, and Firefox. 

A second teammate checked things out in Chrome on her machine, and she encountered the shifting/jumping behavior we both saw, but never had an issue with the freezing I had encountered. She thought it would be a good idea to also ask, have tried using a jump-to slide rather than a lightbox? 

David Jordan

Here it is, html demo: https://s3.amazonaws.com/pen-first.bucket/114+zooming+4+-+Storyline+output/story.html

in chome the regular html does perform significantly better, still a little jumpy tho. Its noticeably, not a smooth movement. 

in IE the regular html works perfectly like this.

in chrome and IE the HTML5 still freezes up on me, it acts like it wants to lock the image to the center of its drop area. html5 demo: https://s3.amazonaws.com/pen-first.bucket/114+zooming+4+-+Storyline+output/story_html5.html 

Christie Pollick

Hi, David -- Thanks so much for the additional examples and your follow up! As I am not certain as to the root of this issue, I think it would be beneficial for our Support Engineers to weigh in with their thoughts on the matter, as well. I will go ahead and create a support ticket for you in just a moment! Any updates on their progress will be shared here in the thread for anyone else who may be following along or experiencing a similar issue. :)