Today, I have installed an unveiled a new thing I have been working on for some time. It is a Javascript based Cover Flow concept, which allows you to browse any content visually, like in iTunes.
It is customizable in many ways, in terms of how many items there should be in the flow, which text should be displayed, and to what destination each cover links to when doubleclicked. The Cover Flow component is released under the GPLv3. The script itself explains what each thing does.
Today, I also have implemented the Cover Flow component into my own website, as a little add-on for the navigation.
SE51.net with the new Cover Flow opened. Rockstar Treatment for the website.
I hope you like it =)
The Cover Flow component including all material as seen on SE51
–
Photoshop actions to quickly create Cover Flow items (300 pixels)
Related posts:
5 comments
rich_wagner says:
September 4, 2007 at 6:36 pm (UTC 0)
Great job!
My only feedback is that the animation seems slightly jerky running on Mac Safari, but noticeably jerky on an iPhone. Are you planning on enhancing this? (I’d like to work on optimizing the CoverFlow JS concept for working better on the iPhone.)
– Rich
SystemError51 says:
September 4, 2007 at 6:42 pm (UTC 0)
It is indeed running a bit jerky on Safari, however, it was not designed to run on the iPhone. I mostly focus on Firefox however, as it currently is the most W3 compliant cross-platform browser.
However, as it is open source, you can do the enhancement if you like =)
rich_wagner says:
September 4, 2007 at 7:20 pm (UTC 0)
Sounds good. Any plans for implementing a dragging action?
SystemError51 says:
September 4, 2007 at 9:57 pm (UTC 0)
I am not sure if a dragging action can be implemented. I will look into this option though. Also, I hope to be able to animate the Cover Flow elements at a later version.
MichaelG says:
September 8, 2007 at 5:05 pm (UTC 0)
Can you please explain how to add more images to the flow? PLEASE!
If you want to you can e-mail me. Junk1(at)inbox(dot)com