Introducing ProtoFlow
January 24th, 2008 | Published in Javascript, ProtoFlow, Prototype, Scriptaculous
ProtoFlow - CoverFlow effect (or similar to coverflow effect) using Prototype & Scriptaculous.
Over the past day or so, I have been working on this class based on Prototype and Scriptaculous libraries that simulate CoverFlow effect found in Apple products such as iTunes and now standard feature on Leopard. I am far from done but the idea is to play around and learn so I am not in a big hurry to finish it off completely.
What is ProtoFlow?
It is a very simple class that would allow existing websites to just plug-n-play and create CoverFlow effect instantly. Here are quick features that it currently supports:
- Generic stack: Elements that are being displayed does not have to be images. They can be any HTML element. So if you have a UL with bunch of LI’s in it you can create CoverFlow for that. (more on this when I release the code)
- Caption (optional): You can attach captions to every slide making any list of images an impressive slideshow instantly!
- Slider: Slide throw your list using Scriptaculous slider class.
I will be releasing the code for this later on but do let me know if there are other features that you would like to have in this widget.
Here is a quick screenshot for you (click to enlarge):
