straydogstudio / film_roll

A lightweight jQuery carousel that centers one item at a time on the page.
MIT License
207 stars 60 forks source link

Disable pause on hover? #13

Closed EricWarnke closed 10 years ago

EricWarnke commented 10 years ago

Love this tool. Definitely saved me a ton of headache!

Is there a quick option to disable the pause on hover feature?

straydogstudio commented 10 years ago

I'll add an option for that at some point, but in the meantime, do the following:

var film_roll = new FilmRoll({
    container: '#container_id',
    scroll: false
});
$(window).load( film_roll.configureScroll );

Basically hover will not be configured if the scroll is not automatically started. So pass scroll: false and start the scroll on page load. Let me know if this works.

EricWarnke commented 10 years ago

Hmm, it didn't appear to work. Not a huge deal.

Another, separate, issue I'd like to recommend is a continuous scroll. I tried futzing with the animation and interval settings but there is still a pause between items. It would be nice if it could be set to scroll constantly at a certain speed without pausing. Keep up the awesome work.

straydogstudio commented 10 years ago

I will try to get to the pause option this week. It shouldn't be too hard.

Continuous scroll would be a nice option. Thanks for the idea. I will certainly take a look.

straydogstudio commented 10 years ago

I've made changes to allow no pause on hover. Just pass the option pause: false.

For continuous scroll, pass in easing: 'linear' and set the animation to be the same as interval. It is only truly continuous if all images have the same width. If they are variable, wider images are faster than narrower images.

var film_roll = new FilmRoll({
    container: '#filmroll_container',
    easing: 'linear',
    interval: 4000,
    animation: 4000
});

Some time perhaps I will make a true continuous scroll.