18 Apr 2012 5:31 PM #1
Coverflow is in my opinion one of the coolest UI components originated from Apple.
I ported this jQuery Coverflow widget to ExtJS, and did some tweaking, and the result is the attached. This is my first attempt of doing something like this so any comments / feedback are welcomed.
Tested on ExtJS 4.0.7 on browsers:
- Firefox 11
- Internet Explorer 9 (need performance improvement!)
- Graceful degrading for browsers that do not support css transform. In old version of IE, using a Filter to transform is horribly slow. Perhaps some sort of pre-processing and caching will help.
- 3D transformation.
Edit 1: I updated the packages. The previous packages were a bit messed up. The 2 images zip files should be unzipped into Coverflow/resources/img folder. You'll also need to add your own copy of ExtJS into Coverflow/extjs folder.
Edit 2: Added a screenshot of this in action.
20 Apr 2012 6:12 AM #2
Very nice... thank you for the contribution!
21 Apr 2012 11:53 AM #3
9 Sep 2014 1:52 PM #4
Question on CoverFlow
Excellent work and thanks for sharing it with us. I was wondering if a vertical coverflow is possible through it. Please let me know.