Ah, that one.
I have to admit it was a bit tricky to come up with this, after I found out who to do it, it was easy.
Basically you have a picture object below an object with a cut out area, through which you see the picture.
Of course you coudl just use actions to move the picture 10 pix to the right when clicking on the arrows, but that moves the picture further than it should. So I move the picture to it's max position when the arrow is being pressed AND THE TRICK IS to move it to itself when you release the mouse button.
So for every arrow:
Event -> Click Down:
Object -> Slide > X/Y coordinate / -1500 / picture.GetY() / 150 px/s
Event -> Click Up:
Object-> Set Position -> X/Y coordinate / picture.GetX() / picture.GetY() / 150 px/s
You just need the absolute numbers (-1500) and fixed numbers (get) for each arrow.
The NEW App Studio: Create native apps for Android, iOS & Kindle Fire as well as Web Apps.
Design pixel perfect app layouts with stunning interactivity in InDesign or QuarkXPress and export them as 100% HTML5.
More info here: http://AppStudio.net
Need immediate help?
Please contact Quark's support: http://support.quark.com/contact_us.html
Follow App Studio here: https://twitter.com/publishhtml5
Follow QuarkXPress here: https://twitter.com/QuarkXPress
Follow me here: https://twitter.com/HamburQ