When the designers at Bamboo Cricket came to us, they had one problem that quickly became two: at first, they just needed an image carousel modified to have two rows of images, and to have those rows linked together in opposite directions, so when the top scrolled to the left the bottom would scroll to the right.
This was as straight-up of a technical execution project as you can get, but as the page neared completion it became clear that another problem had surfaced: while the page avoided the use of Flash, so it could show up on iOS devices like the iPad and iPhone, the scroller used cursor hovering to trigger the effect, which doesn’t work on a touch device.
We took our prototype, refactored it heavily, and added touch support so users could tap, drag, and swipe as needed to view all the content in their preferred environment. This required the addition of optimizations like CSS3 transforms to facilitate the animation on a lower-powered device like the iPod Touch, which was slowed to a crawl with a direct port of the original plugin.
Check it out on an iPad! http://invisiblepictures.ca/filmography/
