ProtoFlow: Coverflow for Javascript
March 17th, 2008
You’ve probably all seen “coverflow” in the new iPhone and iPod Touch. It shows your album covers in a “carousel” kind of format, where you can flick between different albums.
ProtoFlow is a script which implements this on your website using Javascript. It generates the effects and interface using Prototype.js and Scriptaculous, and the image reflections using Reflection.js.
The interface dragging through the different albums is really nice. It doesn’t distort/angle the albums at the side (this could possibly be achieved using Christian Effenberger’s amazing reflex.js , albeit with additional licensing restrictions). It also doesn’t seem to work in IE.
I think it’s a fantastic example of what Reflection.js can do anyway (also notice the reflections of the album covers show through each another). A script to watch!
| About Ken | |
 | My mission is to demystify the world of mobile technology for general audiences and to communicate how mobile technology can enhance every aspect of our daily lives. I've been maintaining the Ken's Tech Tips website since 2004. I have experience communicating mobile technology and presenting new mobile products both online and offline, including at various trade shows and events. You can check out my profile or drop me an e-mail. |
- Javascript , Reflection , User Interface , Web 2.0
- Comments(2)
[...] in Javascript seems to be a big trend at the moment. Raith created an absolutely stunning script which implements not only a coverflow in [...]
We used a coverflow design on our new website at http://www.cellhire.co.uk to allow customers to select an international SIM card from a carousel of flag-adorned graphics. However, we did bite the bullet and use Flash.