more sliders in single page with controls about flux-slider HOT 18 CLOSED

Hi Luca,

Here is a simple example of setting up two sliders on the same page: http://jsbin.com/inide4/2

Hope that helps?

from flux-slider.

yep, is there a way to add controls (play, pause, next, prev) for both?

from flux-slider.

Yeah absolutely, give the README a look. It describes the API.

Essentially every flux.slider object you create can be controlled via Javascript, so you can do something like this:

window.f = new flux.slider('#slider1');
window.f.next() // Show next image
window.f.prev() // Show previous image
window.f.stop() // Stop the slider from autoadvancing
window.f.start() // Start autoadvancing

There is a bunch of extra settings you can do with the above such as specifying specific transitions etc but take a look at the docs.

Flux has been designed to be as flexible as possible, which means that it doesn't come with a pre-defined next/prev transport UI. But the API means you can hook up your own UI, just how you want it to look!

from flux-slider.

html: http://dpaste.com/557830/
javascript: http://dpaste.com/557831/
css: http://dpaste.com/557832/

can you help me to modify this code to insert 2 or more gallery in single page?
thanks,
Luca.

from flux-slider.

can you show me how to add controls for 2 slides in single page?

from flux-slider.

Hi Luca,

I'm afraid I'm snowed under with work at the moment, I'll get back to you ASAP but its likely to be a couple of weeks

Thanks

Joe

from flux-slider.

up :D

from flux-slider.

can you help me? please -.-

from flux-slider.

if nobody help me, I think that will change the gallery :-(

from flux-slider.

Luca, the links you've posted are no longer working. I'm also incredibly snowed under with work at the moment.

The jsbin link I posted above shows how to setup two sliders on one page, although some of the images no longer work the code is still correct.

from flux-slider.

can ou add controls for both gallery in your example plz?

from flux-slider.

Can you help me too? I need these feature .

from flux-slider.

Here is an example which has controls for prev & next.

http://jsbin.com/inide4/4

I suggest you use proper event binding rather than onclick but the code is the same.

from flux-slider.

wow! thanks!

from flux-slider.

OH! thanks guys!

from flux-slider.

Glad this helped, sorry it took a while I've been crazy busy last few weeks. Drop me a link when you're up and running, would love to see what you're working on.

Gonna close this ticket now

from flux-slider.

uhm... is there a way to pause with one click all sliders in one page?

from flux-slider.

Yes, just call the stop() function on all the sliders you created on the click event for whatever dom element you want to be the stop button.

If you'd like to hire me to help you get this all working then feel free to send me a private message.

from flux-slider.