autoscroll or time delayed auto scroll replied by Jangla @ Thu, 29 May 2008 14:18:40 -0000

Jangla — Thu, 29 May 2008 14:18:40 -0000

Anyone know if it’s possible to smooth scroll the carousel rather than having it scroll in stages?

Also, if the scroll could reverse itself when it reaches the end it would be superfantastic :)

autoscroll or time delayed auto scroll replied by ocsinet @ Sat, 17 May 2008 21:43:06 -0000

ocsinet — Sat, 17 May 2008 21:43:06 -0000

Hi, I wrote the solution.
After hacking prototype class with periodicalexecuter restart: http://dev.rubyonrails.org/ticket/9370 and support for mouseenter and mouseleave: http://dev.rubyonrails.org/attachment/ticket/83… , I noticed that the browser had a big load and often crashed, so I wrote my own code, in this way:

var x = null;

function startscroll() {
   x = window.setInterval(function scroll() {
    hCarousel.scrollTo(hCarousel.currentIndex() + 1);
   },3000);
}

function stopscroll() {
   window.clearInterval(x);
}

function runTest() {
  hCarousel = new UI.Carousel("horizontal_carousel", {direction: "horizontal"});
  startscroll();
  $('horizontal_carousel').observe('mouseover', stopscroll);
  $('horizontal_carousel').observe('mouseout', startscroll);
}

Event.observe(window, "load", runTest);

This is lighter code. I hope it will be useful.

autoscroll or time delayed auto scroll replied by ocsinet @ Sat, 17 May 2008 09:17:04 -0000

ocsinet — Sat, 17 May 2008 09:17:04 -0000

Hello, Seb you said:

just observe mouseenter/leave on carousel div to start/stop the periodcal executer

but periodicalexecuter has only stop method and not start..how can I do this?
Thanks

autoscroll or time delayed auto scroll replied by blacksmith_tb @ Wed, 23 Apr 2008 00:01:33 -0000

blacksmith_tb — Wed, 23 Apr 2008 00:01:33 -0000

James,

Javascript != Java

There are lots of good Javascript books out there. It’s been so long that I’m not sure I could recommend an intro, though I see O’Reilly are about to publish one that looks great

Of course, there are lots of online references

I did just pick up the Pragmatic Prototype and script.aculo.us book, and it’s good, though not as a general intro to Javascript.

autoscroll or time delayed auto scroll replied by mocax @ Fri, 14 Mar 2008 07:44:56 -0000

mocax — Fri, 14 Mar 2008 07:44:56 -0000

Hi,

I also used a periodic executer for my carousel, thus I don’t need a next and previous button.

However when I set previous and next button to false in the options, there will be an error that says this.previousButton is null.

autoscroll or time delayed auto scroll replied by seb @ Thu, 13 Mar 2008 08:59:22 -0000

seb — Thu, 13 Mar 2008 08:59:22 -0000

just observe mouseenter/leave on carousel div to start/stop the periodcal executer

autoscroll or time delayed auto scroll replied by Osiride @ Wed, 12 Mar 2008 10:39:11 -0000

Osiride — Wed, 12 Mar 2008 10:39:11 -0000

Hi,
I use the function that Seb wrote, is exact what I want, but now I need an extra mod:
Is possible to stop the autoScrolling when the mouse cursor is over the DIV (or UL) of the carousel? (and obiviously continue when the mouse cursor is out)...?

thanks

autoscroll or time delayed auto scroll replied by jamesdin @ Mon, 03 Mar 2008 16:52:10 -0000

jamesdin — Mon, 03 Mar 2008 16:52:10 -0000

I would get that book in a heartbeat if I knew java. You see, I’m a complete newbie. I mean, html-is-a-programming-language type of a newbie. Can you recommend a Java book to somebody like me (no CS background)?

autoscroll or time delayed auto scroll replied by seb @ Sun, 02 Mar 2008 07:31:49 -0000

seb — Sun, 02 Mar 2008 07:31:49 -0000

I recommand this great book http://www.pragprog.com/titles/cppsu.
I did not write it and do not get any money with :), I was just a reviewer of the author (a friend of mine). You will learn everything about prototype and script.aculo.us.

autoscroll or time delayed auto scroll replied by jamesdin @ Sat, 01 Mar 2008 22:50:32 -0000

jamesdin — Sat, 01 Mar 2008 22:50:32 -0000

You, sir, are a freaking genius. Genius I say. Yes, you are! This is awesome. Thank you very much. :-)

autoscroll or time delayed auto scroll replied by seb @ Sat, 01 Mar 2008 16:12:40 -0000

seb — Sat, 01 Mar 2008 16:12:40 -0000

look at this http://prototypejs.org/api/periodicalExecuter

if you add this

 new PeriodicalExecuter(function() {
   hCarousel.scrollTo(hCarousel.currentIndex() + 1);
 }, 3);

to test_carousel.html, it works fine.

autoscroll or time delayed auto scroll replied by jamesdin @ Sat, 01 Mar 2008 14:52:23 -0000

jamesdin — Sat, 01 Mar 2008 14:52:23 -0000

I mean is it possible to get photos scroll automatically every 3 seconds? can you give me some pointers or links to existing libraries that have timers built in? I’m a newbie. :-)

autoscroll or time delayed auto scroll replied by seb @ Sat, 01 Mar 2008 12:34:28 -0000

seb — Sat, 01 Mar 2008 12:34:28 -0000

1) Is it possible to automatically scroll photos in the carousel?
Not directly with Carousel’s options but you can create your own timer, it’s pretty easy

2) Is it possible to time delay scroll of photos in the carousel?
What do you mean?

autoscroll or time delayed auto scroll replied by jamesdin @ Sat, 01 Mar 2008 04:49:56 -0000

jamesdin — Sat, 01 Mar 2008 04:49:56 -0000

Is it possible to automatically scroll photos in the carousel?
Is it possible to time delay scroll of photos in the carousel?

Recent Posts in 'autoscroll or time delayed auto scroll' | Prototype UI