Hi All, I just purchased the book "Prototype and script.aculo.us". I have been using Scripty off and on over the last few years. Would someone please explain how I can come up with a similar effect to Gucci''s front page? http://www.gucci.com/us/index2.html I would like to take a few images and be able to have them move across the screen similar to how they have done it with sliding the much larger image behind the smaller opening. Thanks, Leonard --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
On 4/27/08, n9urk <leonardburton-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:> > > ... > http://www.gucci.com/us/index2.html > > I would like to take a few images and be able to have them move across > the screen similar to how they have done it with sliding the much > larger image behind the smaller opening. > > Thanks, > > Leonard >It seems like it would be easiest with a background image and Effect.morph(). Try starting with the code below. - Ken Snyder // assume that the image is 700 wide by 500 tall <div id="slidingBanner" style="height: 500px; width: 500px; background:url(''image.jpg'') -200px 0"></div> $(''slidingBanner'').morph({backgroundPositionX: ''0px''}); Note that you can put all the style attributes in CSS except for background-position-x must be inline for morph to work. --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
We tried to do the Gucci move last year and in paper it looked great, and the client accepted. The process was plagued with delays on their part and went downhill very quickly. We also hit a bug which we were unable to solve due to the fact that the project was aborted. Blame the client. http://proximita.com/laguna/about-us.php# The bug is the bottom scroll bar which does not remain free of the horizontal motion. We used slider. On Apr 27, 9:11 pm, "Ken Snyder" <kendsny...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:> On 4/27/08, n9urk <leonardbur...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote: > > > > > ... > >http://www.gucci.com/us/index2.html > > > I would like to take a few images and be able to have them move across > > the screen similar to how they have done it with sliding the much > > larger image behind the smaller opening. > > > Thanks, > > > Leonard > > It seems like it would be easiest with a background image and > Effect.morph(). Try starting with the code below. > - Ken Snyder > > // assume that the image is 700 wide by 500 tall > <div id="slidingBanner" style="height: 500px; width: 500px; > background:url(''image.jpg'') -200px 0"></div> > > $(''slidingBanner'').morph({backgroundPositionX: ''0px''}); > > Note that you can put all the style attributes in CSS except for > background-position-x must be inline for morph to work.--~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
mariomerino wrote:> We tried to do the Gucci move last year and in paper it looked great, > and the client accepted. The process was plagued with delays on their > part and went downhill very quickly. We also hit a bug which we were > unable to solve due to the fact that the project was aborted. Blame > the client. > > http://proximita.com/laguna/about-us.php# > > The bug is the bottom scroll bar which does not remain free of the > horizontal motion. We used slider. >Nice page and interesting layout idea! Looks like the scroll bar goes away when you set body { overflow: hidden } (Tested in firebug). - Ken --~--~---------~--~----~------------~-------~--~----~ 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 be interested in Glider.js http://railspikes.com/2007/5/14/slider-js-a-javascript-slider-component http://code.google.com/p/missingmethod-projects/wiki/Glider On Apr 29, 2008, at 10:16 AM, mariomerino wrote:> > We tried to do the Gucci move last year and in paper it looked great, > and the client accepted. The process was plagued with delays on their > part and went downhill very quickly. We also hit a bug which we were > unable to solve due to the fact that the project was aborted. Blame > the client. > > http://proximita.com/laguna/about-us.php# > > The bug is the bottom scroll bar which does not remain free of the > horizontal motion. We used slider. > > On Apr 27, 9:11 pm, "Ken Snyder" <kendsny...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote: >> On 4/27/08, n9urk <leonardbur...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote: >> >> >> >>> ... >>> http://www.gucci.com/us/index2.html >> >>> I would like to take a few images and be able to have them move >>> across >>> the screen similar to how they have done it with sliding the much >>> larger image behind the smaller opening. >> >>> Thanks, >> >>> Leonard >> >> It seems like it would be easiest with a background image and >> Effect.morph(). Try starting with the code below. >> - Ken Snyder >> >> // assume that the image is 700 wide by 500 tall >> <div id="slidingBanner" style="height: 500px; width: 500px; >> background:url(''image.jpg'') -200px 0"></div> >> >> $(''slidingBanner'').morph({backgroundPositionX: ''0px''}); >> >> Note that you can put all the style attributes in CSS except for >> background-position-x must be inline for morph to work. > >--~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
Is the link broken? On Apr 29, 3:14 pm, Greg Hemphill <gregl...-Os9gbmDpkZVBDgjK7y7TUQ@public.gmane.org> wrote:> You might be interested in Glider.js > > http://railspikes.com/2007/5/14/slider-js-a-javascript-slider-component > > http://code.google.com/p/missingmethod-projects/wiki/Glider > > On Apr 29, 2008, at 10:16 AM, mariomerino wrote: > > > > > We tried to do the Gucci move last year and in paper it looked great, > > and the client accepted. The process was plagued with delays on their > > part and went downhill very quickly. We also hit a bug which we were > > unable to solve due to the fact that the project was aborted. Blame > > the client. > > >http://proximita.com/laguna/about-us.php# > > > The bug is the bottom scroll bar which does not remain free of the > > horizontal motion. We used slider. > > > On Apr 27, 9:11 pm, "Ken Snyder" <kendsny...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote: > >> On 4/27/08, n9urk <leonardbur...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote: > > >>> ... > >>>http://www.gucci.com/us/index2.html > > >>> I would like to take a few images and be able to have them move > >>> across > >>> the screen similar to how they have done it with sliding the much > >>> larger image behind the smaller opening. > > >>> Thanks, > > >>> Leonard > > >> It seems like it would be easiest with a background image and > >> Effect.morph(). Try starting with the code below. > >> - Ken Snyder > > >> // assume that the image is 700 wide by 500 tall > >> <div id="slidingBanner" style="height: 500px; width: 500px; > >> background:url(''image.jpg'') -200px 0"></div> > > >> $(''slidingBanner'').morph({backgroundPositionX: ''0px''}); > > >> Note that you can put all the style attributes in CSS except for > >> background-position-x must be inline for morph to work.--~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---