Improve company productivity with a Business Account.Sign Up

x
?
Solved

jquery JCarousel with continuous smooth scrolling (no pause)

Posted on 2011-03-10
2
Medium Priority
?
12,062 Views
Last Modified: 2013-11-05
Hi,

I'm just wondering if this is possible. I would like it to continually play and not pause. The auto value is set to 0.1. Putting it to 0 turns off auto scrolling
I think it can be done with easing but it is a bit beyond my knowledge.

Thanks in advance.

reference links:
http://sorgalla.com/projects/jcarousel/examples/static_auto.html

configuration:
http://sorgalla.com/projects/jcarousel/#Configuration

Sample code attached.
jQuery('#right-carousel').jcarousel({
        vertical: false,
		wrap: "circular",
		auto: 0.1,
		rtl: false,
		scroll: 1,
		animation: "slow"
    });

Open in new window

0
Comment
Question by:mrduckers
2 Comments
 
LVL 8

Accepted Solution

by:
McNetic earned 2000 total points
ID: 35108194
There's two tricks. One, set the auto interval to a really small value, so it does only stop for a fraction of a second, and two, set easing to 'linear' instead of the default 'swing'. Try the following values:
    jQuery('#mycarousel').jcarousel({
        vertical: false,
        wrap: 'circular',
        auto: 0.001,
        rtl: false,
        scroll: 1,
        animation: 2000,
        easing: 'linear'
    });

Open in new window

Hints: animation can be set to a millisecond value, so it goes even slower than slow with bigger values (slow == 600). Setting auto to values < 0.001 will not help, but probably cause the animation to flicker / go slow, as the minimum time between two timeouts is 1 ms and the auto value is internally multiplied by 1000 to get the ms value.
0
 

Author Closing Comment

by:mrduckers
ID: 35114620
thanks!
0

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

PROBLEM: The other day I was working on adding an ajax request to a webpage that already had a dialog box on the page.  The dialog box was using relative positioning to be positioned next to a form field I had on the page.  Everything was working…
I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

579 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question