Making it work on mobile
You may be wondering exactly how this works on a mobile or tablet device, given that there is no mouse to rollover the image. In step 14 the ‘enabletouch’ option is set to true; do this on all images that you want to work on mobile.
The way it works is that to enable scrolling when the user flicks, there is a threshold that it will wait for before triggering the animation. The default is
250 milliseconds, so when a long press is detected the animation will happen. That’s the first part. If this is a link then the user needs to be taken to a link. Tapping a second time will fire the link and thus take the user to a new page. Because Direction-reveal has thought about the usability of something like this, it makes it simple to work with.