Momoflow
Momoflow, by Alexander Presber, is a canvas coverflow implementation using jQuery.
After playing around with the YUI Coverflow canvas demo, Alexander felt it was rather overengineered; difficult to tweek and had some performance issues – so what better way to improve the demo than to create your own?
Coverflow with jQuery
To help increase the speed of the demo, Momoflow caches each image and it’s reflection on to an intermediate canvas, perspectively transforming this onto another canvas for each rendering angle.
Comments
andre
Very nice! It seems to me that for best results, all images should have the same (or almost the same) height and width.
Posted on January 25, 2010
Maximiliano Fierro
Excellent jQuery version! I really like it! Good job!
Posted on November 5, 2010
Spelen
I was looking for cover flow with a slider. Finally found it
I’m very happy… Thanks for sharing!
Posted on January 13, 2011
Samuel Barz
Best coverflow here on this site. I like it much.
But there is a problem with the flections:
If a pics height is less than 50% of its width, the reflection-gradient is upside down.
I think, this just needs a little modification.
Does anyone know how to solve this???
Posted on February 2, 2011
John
Samuel-
This probably isn’t the right way to fix this problem, but I solved it by essentially swapping lines 218 and 219, replace these lines to read like this:
grad.addColorStop(1, 'rgba(0, 0, 0, '+(1-reflectivity)+')');
grad.addColorStop(0, 'rgba(0, 0, 0, 1)');
and it worked for me.
Posted on February 17, 2011
John
I think you can also get it to work by tweeking the values in
var reflectionRatio = 0.3;
var reflectivity = 0.2;
Posted on February 17, 2011
Mark
Working Nicely on Opera 11.10
Posted on March 29, 2011
Related demos