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
Related Web Resources
Our Sponsors
Bookmark and Share this Article
- Brushes (11)
- Buttons (21)
- Color Schemes (21)
- Fonts (39)
- Forms (95)
- Icons (84)
- Patterns (24)
- PS Tutorials (9)
- Stock Photos (19)
- Tables (23)
- Announcement (70)
- Best Collections (4)
- Code (44)
- eCommerce (19)
- Framework (157)
- Hosting (12)
- Information (161)
- Inspiration (27)
- Legal Documents (8)
- Reviews (8)
- Security (13)
- Social (19)
- Sound (12)
- Stats (32)
- Tools (192)
- Webmail (13)
- BSD License (51)
- CC License (111)
- GPL License (189)
- LGPL License (37)
- License Free (584)
- MIT License (276)
Search Site
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 2010 WebAppers
Sponsored by NetDNA Content Delivery Network
Recommended Books for Web Developers
Thanks for mentioning Ray!
@ Oskar
You are welcome. Please let me know if you have any new Mootools scripts.
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
Another awesome mootools based image transition viewer: http://www.nwhite.net/transitions_demo.html
Looks great
thanks for sharing this
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 ?
@syncros if you think it’s a Floom bug, you can report it here: http://github.com/oskarkrawczyk/floom/issues
@syncros:
try to change delay time in line 184, for example:
this.step.delay(this.options.animation * 8, this);
@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.
@syncros
Which version of IE?
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
RSS feed for comments on this post · TrackBack URI