Rails spinoffs - Jan 2008 - creating a wizard-like animation with scriptaculous

hey guys, i am wondering if its easily possible to create the
following animation with scriptaculous:
you know those wizards where you can press next> and <previous to jump
back and forward within a defined set of "pages" .. i want to define
some DIVs and put content into it ...
lets say 4 DIVs .. each of them has a next and previous link at the
bottom and only one is displayed at a time. now a user clicks next
then the currently displayed DIV should slide to the right and the
next one should slide in from the left to the right ... now when the
user clicks prev then  the same happens just into the other
direction ...
something like a carousel

is it easily possible with scriptaculous or do i have to hack a lot?
thx for your help!
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

It''s pretty easy.

You can put the series of photos together in a DIV with a bit of
spacing between them, then put that inside a DIV with a fixed size and
overflow:hidden. Then just use Effect.Move and move the inside DIV by
the same relative amount, forwards or backwards.

On Jan 21, 1:19 pm, michal
<mga...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org>
wrote:
> hey guys, i am wondering if its easily possible to create the
> following animation with scriptaculous:
> you know those wizards where you can press next> and <previous to
jump
> back and forward within a defined set of "pages" .. i want to
define
> some DIVs and put content into it ...
> lets say 4 DIVs .. each of them has a next and previous link at the
> bottom and only one is displayed at a time. now a user clicks next
> then the currently displayed DIV should slide to the right and the
> next one should slide in from the left to the right ... now when the
> user clicks prev then  the same happens just into the other
> direction ...
> something like a carousel
>
> is it easily possible with scriptaculous or do i have to hack a lot?
> thx for your help!
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

You might want to look at Glider:

http://railspikes.com/2007/5/14/slider-js-a-javascript-slider-component
http://code.google.com/p/missingmethod-projects/wiki/Glider

I''ve used it on a couple of sites and haven''t had any real
problems:
http://www.pricechopper.com/
http://www.dwfreshmarket.com/

but I didn''t use the Next/Prev part (wasn''t what the client
wanted)

Greg

On Jan 21, 2008, at 1:19 PM, michal wrote:
>
> hey guys, i am wondering if its easily possible to create the
> following animation with scriptaculous:
> you know those wizards where you can press next> and <previous to
jump
> back and forward within a defined set of "pages" .. i want to
define
> some DIVs and put content into it ...
> lets say 4 DIVs .. each of them has a next and previous link at the
> bottom and only one is displayed at a time. now a user clicks next
> then the currently displayed DIV should slide to the right and the
> next one should slide in from the left to the right ... now when the
> user clicks prev then  the same happens just into the other
> direction ...
> something like a carousel
>
> is it easily possible with scriptaculous or do i have to hack a lot?
> thx for your help!
> >

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

thanks guys .. this helps a lot !!
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---