I have a image inside a symbol with a width 3 times bigger then the viewport. I placed this image in a group and set the content overflow to have scrollbars, so the user can scroll the image left and right.
As the Image has two hotspots that are placed in a distance to each other that is bigger than the viewport, I would like to have a JS (or something) that I can trigger, so that the symbol show one time the one or the other hotspot.
I have found a way to set the initial scrolling on symbol load …
initialscroll = hypeDocument.getElementById('scrollGroup');
initialscroll.scrollLeft = 650; // image moved left 650 pixels
But how can I show/load the same symbol once with scrollposition 1 and on the other hand wit position 2?
Please find attached a not working example.
scrolltest.hype.zip (69.7 KB)