Materialize: Document onCycleTo Carousel option

Created on 5 Jan 2017 · 7Comments · Source: Dogfalo/materialize

Description

Dose Carousel has some events, so we can put some callbacks into it.
Like onSlideStart, onSlideEnd, etc.

Maybe add customized 'carouselNext' and 'carouselPrev' ?

docs

Source

clxy

👍2

Most helpful comment

Having same question here. Would be nice to have events and callbacks!

Also, is there any possible current workaround/hack to listen for these events?

EDIT: I didn't see it in documentation, but I found an onCycleTo option. Half-way solves my problems.
@clxy perhaps, you're interested in this.

$('.carousel').carousel({
    fullWidth: false,
    indicators: true,
    noWrap: true,
    onCycleTo: function (ele, dragged) {
        console.log(ele);
        console.log($(ele).index()); // the slide's index
        console.log(dragged);
    }
});

ghost on 28 Feb 2017

👍7 🎉1

All 7 comments

Having same question here. Would be nice to have events and callbacks!

Also, is there any possible current workaround/hack to listen for these events?

EDIT: I didn't see it in documentation, but I found an onCycleTo option. Half-way solves my problems.
@clxy perhaps, you're interested in this.

$('.carousel').carousel({
    fullWidth: false,
    indicators: true,
    noWrap: true,
    onCycleTo: function (ele, dragged) {
        console.log(ele);
        console.log($(ele).index()); // the slide's index
        console.log(dragged);
    }
});

ghost on 28 Feb 2017

👍7 🎉1

@DavisMiculis Thank you very much! Because of gesture, I switched to WebView + ViewPager a while ago. But thanks anyway!

clxy on 2 Mar 2017

This should be re-opened. It's not a personal issue, events could be really useful to other developers as well.

akatriel on 15 Mar 2017

👍4

I agree on re-opening this issue, such events should be documented on http://materializecss.com/carousel.html as a plugin option

dmattia on 16 Jul 2017

👍1

Added in 42734619 and will be fleshed out more in the v1 dev branch

acburst on 29 Jul 2017

materialize oncycleto is not working as expected in 1.0.0-beta.
$('.carousel').carousel({onCycleTo: function(slide){console.log(slide);}});
i need it to get triggered when a new slide is cycled to. but its not happening.is there any way around to achieve it??