Flexible Coverflow With MooTools: MooFlow

MooFlow is a highly customizable coverflow-like image gallery that is built with MooTools.

It is easily & automatically setup by mentioning the HTML element that grabs the images.

MooTools Coverflow

MooFlow has various features like:

  • fullscreen support
  • browsing with mouse wheel
  • browsing with keyboard
  • autoplay & loop
  • automated JavaScript image reflections

The script is also flexible when loading the images. The data source can be JSON or HTML with selector-filter.

And, its interface can be totally skinned via CSS.

  • Forget about this one, it is NOT working in my Firefox 3.0.11

  • Very nice! Reminds me of this awesome OSX dock style fisheye menu I found.

  • David DelMonte

    Works in Safari, I get this error in Firefox:


    uncaught exception: [Exception… “Component returned failure code: 0x80040111 (NS_ERROR_NOT_AVAILABLE) [nsIDOMCanvasRenderingContext2D.drawImage]” nsresult: “0x80040111 (NS_ERROR_NOT_AVAILABLE)” location: “JS frame :: http://xxx.MooFlow.js :: anonymous :: line 412″ data: no]

  • Dai Williams

    Had a similar issue in Firefox, fixed it by changing one line: ctx.drawImage(i, 0, 0, arg.width, arg.height); to ctx.drawImage(arg.img, 0, 0, arg.width, arg.height); not sure if that has any other implications (I am assuming the problem occurs because the cloned image is not loaded but not sure why the image is cloned in the first place) but seems to work for me now. Oddly the samples worked for me on firefox, just not when I installed it on another site, so could be mootools version issue.