Flexible Coverflow With MooTools: MooFlow
28
Jun
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.
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.
Requirements: MooTools, Slider & Asset plugins
Compatibility: All Major Browsers
Website: http://www.outcut.de/MooFlow/
Demo: http://www.outcut.de/MooFlow/example-skin.html
Download: http://www.outcut.de/MooFlow/Download.html
Compatibility: All Major Browsers
Website: http://www.outcut.de/MooFlow/
Demo: http://www.outcut.de/MooFlow/example-skin.html
Download: http://www.outcut.de/MooFlow/Download.html
- Tags:
Javascript JSON
- Filed under: Gallery, Goodies, MIT License
- 4 Comments
4 Responses for "Flexible Coverflow With MooTools: MooFlow"
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.
Works in Safari, I get this error in Firefox:
MooFlow.js
uncaught exception: [Exception... "Component returned failure code: 0x80040111 (NS_ERROR_NOT_AVAILABLE) [nsIDOMCanvasRenderingContext2D.drawImage]” nsresult: “0×80040111 (NS_ERROR_NOT_AVAILABLE)” location: “JS frame :: http://xxx.MooFlow.js :: anonymous :: line 412″ data: no]
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.