oskarkrawczyk / floom Goto Github PK
View Code? Open in Web Editor NEWFloom – Image slideshow with a visible timer/progressbar and a funky blinds-like animation for MooTools
Floom – Image slideshow with a visible timer/progressbar and a funky blinds-like animation for MooTools
why is the width of the progress bar calculated in the step-method? it's the same each time......
perhaps an option would be to calculate the value in the createProgressbar method and then store it on the element this.progressbar..
Or you planned to make with of this.container variable each time for a slide and allow for variable widths.. this would require re-calculation of the width of the progressbar (but also for this.container) each time you run the step-method...
In the initialize method I think you should set this.current.slide to -1, because when you start the animateBlinds method you increase it with 1 immediately (thus, it would become 0, the first slide). Also the test then if you reached the end should be: if(this.current.slide == this.slides.length) this.current.slide = 0; without the this.slide.length-1.
The onPreload event that also returns the this.slides[current.slide] should then become:
this.fireEvent('onPreload', this.slides[this.current.slide+1]);, else it would return -1.
You could also put the 'currentSlide' in the options so the user can set the start slide....
I first moved the increase of the current.slide value to the end of the animateBlinds method, but that causes some weird fx error (like it reaches that point in the method too fast, no time to work that out).
You can also remove this.current.overlay from the Initialize method. You don't use it anywhere (probably some left over stuff).
Otherwise, nice forge, I like it :)
PS > sorry, didn't edit the source here on github.. i'm not familiar with github yet :)
Hi,
When I load the scrips I need for Floom I see Floom correctly but then my other javascripts don't work anymore.
And when I load the Floom javascrips after the others are loaded, tho others work but I can't see Floom.
What am I missing?
Kind Regards,
Frederik
I tried to ask you about this effect in a different forum...
first of all, the effect is amazing, but i cant use it in IE, and i dont know why...
i still have the same problem i had. It works on Chrome and Firefox and Safari but in IE it gives me an error message that 'image' value is NULL or not an object in floom.js line 191.
and the object is not supporting this property or method in mootools-1.2.2-core.js line 2881.
Im not this deep in javascript to solve this issue, can you help me a out a bit ?
Thank you,
Hi there,
I would love to use this slideshow. The online demo you have on your website works perfectly fine for me. I downloaded the latest version from GitHub and when I view the index page you've stored in the Demos folder, the images do not show up. I can only see the background, the silver box and loader. I thought maybe it was because I was looking at the files locally but I uploaded them to my website and re-tested but once again nothing showed up. Any ideas what's going wrong? I have not touched any of the code, simply try to view. Your help is much appreciated. Thank you!
Thanks for a great slider...I was hoping I could get some help with an issue I'm having. I was able to set the slider up, but I cant get any of the images to show.
My files are listed below in the link in the next comment.
any ideas what I'm doing wrong??
Also, what is the license on this slider, can I use it in a template that I'm creating to offer for sale?
Thanks for any help you can give!!
Andy
I am on a mac testing out in Safari Version 4.0.4 (5531.21.10) and Beta Chrome Version 5.0.307.9. Have not tested it in any IE or Windows based browsers. Firefox is a very rare occurrence but it has happened there as well.
The issue is that Floom fails to appear 100% of the time in these browsers. On any random page refresh or access to the Floom slideshow, the images will fail to appear. The progress bar and captions will eventually display but they are moved up towards the top of the demo window, as if the images were never coded in. I have tested this out after implementing Floom into my website and even with your demo version (http://nouincolor.com/floom/1.0/Demos/). I'm hoping to be able to use this for my upcoming launch so that I don't have to resort to using Flash which I don't enjoy using. Thanks in advance for all the help, I am really hoping to implement this into my site.
Something went wrong when re-adjusting the API for MooTools 1.3.
Is it possible to link each image of the slideshow to a specific url and also apply a target by adding a simple line of code underneath the image and caption lines that are defined under option 1 in the index file?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.