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-spinoffsgooglegroups.com
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribegooglegroups.com
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...gmail.com> 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-spinoffsgooglegroups.com
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribegooglegroups.com
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.dwfreshmarke
t.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-spinoffsgooglegroups.com
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribegooglegroups.com
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-spinoffsgooglegroups.com
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribegooglegroups.com
For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=
en
-~----------~----~----~----~------~----~------~--~---