Giters

mobify / scooch

A mobile-first JavaScript-driven content and image carousel

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Disable carousel drag & opacity fade instead of horizontal movement/animation

ballerdev01 opened this issue · comments

commented

Hey, I love how small and lightweight this is, but as I've been building out other sections of my site using Scooch, I've discovered my needs have expanded. I'm hoping some of this is possible using Scooch.

Is there a way to disable carousel dragging, so the carousel only fires via pager controls?

Is there a way to make the transition an opacity fade between m-items, instead of horizontal movement/animation?

Thanks in advance!

commented

@ballerdev01 @karneaud Regarding Carousel dragging, you can do this by using the API function scooch('unbind'). This will unbind the touchmove event from the items.

Regarding having an opacity fade instead of horizontal movement, this is something we can do a little (in a slightly hacky manner) with CSS. Let me play with this a bit and I'll get back to you. Our next version of Scooch will allow for much finer-grained animation control but for the meantime this will work.

commented

I don't think this is quite what you're looking for but here's a thought: http://codepen.io/mobify/pen/gkrly

I don't have a great way to get items fading between each other right now — you could definitely do this by hooking into the events we fire and adding additional classes. Scooch 2.0 will account for this.