16 Nov

Floom – Blinds Effect MooTools Slideshow

Gallery, MIT License

Leave a Comment

Floom is a Blinds-effect MooTools Slideshow. There are two ways of setting Floom up. One is the object way, where you specify the image url and the caption using the key-value notation. The second one is by simply passing a element collection, ie. $$('#blinds img'), where the passed element has to be the actual image collection.

Requirements: Mootools Framework
Demo: http://nouincolor.com/floom/1.0/Demos/
License: MIT License

Sponsors

Comments

http://nouincolor.com Oskar Krawczyk

Thanks for mentioning Ray!
Ray Cheung

@ Oskar

You are welcome. Please let me know if you have any new Mootools scripts.
http://www.ciprianionescu.com Ciprian Ionescu

I implemented a similar effect for jQuery. It’s still experimental but it does work in every browser except the caption and the progress indicator: http://ciprianionescu.com/filemanager/jquery/floom/index.html
Daniel Buchner

Another awesome mootools based image transition viewer: http://www.nwhite.net/transitions_demo.html
http://fedmich.com/life fedmich

Looks great
thanks for sharing this
syncros

Hey,

i used this script in a website, but unfortunately its not working with IE8… i checked it before, the version which is in the demo it works, but the downloaded version from the local folder doesnt… any idea ?
http://nouincolor.com Oskar Krawczyk

@syncros if you think it’s a Floom bug, you can report it here: http://github.com/oskarkrawczyk/floom/issues
Kamil

@syncros:
try to change delay time in line 184, for example:
this.step.delay(this.options.animation * 8, this);
syncros

@kamil

I tried but the situation is the same
It works on Chrome, Firefox, Safari… but that IE shit…:(

Anyway it looks amazing…
but i have to solve the issue.
Kamil

@syncros
Which version of IE?
Loulondon

Hi everyone !

I’m facing a problem with floom. I put it in my index page, everthing works but then I include my menu in php which has a jquery libreary and then the floom stop working.
When I take off the jquery libreary link it works again…
Some one knows how to make the two compatible ??

Thanks for your help

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

© Copyright 2012 WebAppers | About | Archives | Privacy Policy | Advertise | Contact