I have tried all of the slide left right combos in the scriptaculous treasure chest, but none seem to fit the effect I''m looking for. I''d like to duplicate the same effect in the iTunes store when you click on a left or right arrow in their "New Releases" or "What''s Hot" sections. The following example is very very close, however, is overkill for my needs. And I''d like the scrolling to happen with divs not just images... I don''t want the javascript to write the entire page either.... http://pragmaticobjects.org/index.php?itemid=7 I also have an example I''ve been working on. It is using the Horizontal Blind Down/Up Effect from the treasure chest. However I don''t like how the content gets squeezed. This technique also limits the pages to only 2 in each section. http://develop.thenewzoo.com/testbed/ Any help would be greatly appreciated. Thanks. ps. Please save the seperationg of content and presentation and use of unobtrusive JS comments... this is all about finding the right effect --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
Mark Garrigan wrote:> I''d like to duplicate the same effect in the iTunes store when you click > on a left or right arrow in their "New Releases" or "What''s Hot" sections.Haven''t used iTunes so I''m not exactly sure what effect you are speaking of but I think I may have an idea. I just coded up a solution today that I think will do what you want for a project I am working on.> The following example is very very close, however, is overkill for my > needs. And I''d like the scrolling to happen with divs not just images...My code will make a block element slide to elements inside the area if the content does not fit in the block. Clicking a "back" and "forward" button will slide the content to the next and previous element in the content area. The code is attached. You use it something like: <div id="container" style="width: 100px"> <div class="item">One</div> <div class="item">Two</div> <div class="item">Three</div> .... </div> <script type="text/JavaScript"> new ScrollPane(''container'', ''item''); </script> This will make "container" scrollable with all elements that have the class "item" be the objects we are scrolling between. Just create a element with id "back" and "forward" and when you click one of those elements it will move between all items in the container scrolling smoothly. The most important thing is to set the desired width of the container. Otherwise it will just expand to hold everything. For some reason the width must be inline and not through a stylesheet although perhaps that is fixable with more testing. As I said this code just came out of the text editor so you will want to watch for the following things: * I have not tested in anything besides Firefox but it should work without a problem on other browsers with perhaps just a few minor tweaks. * I have made the event observed of "back" and "forward" configurable so you could put something like "mouseOver" to scroll but this has not been tested at all. * It should scroll horizontal or vertical (or both) but I have only tested with a horizontal. If you can use great. Send me any patches or fixes you make. You could even extend this to do fancy stuff like load up additional content as the user gets towards the end. Would be neat to make a infinite scrollable area or even let the area wrap. Eric --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
Thanks Eric... I''ll download, give it a try and let you know what I find.... --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
Eric... I can''t get it to work at all. Maybe I''m doing something wrong with the usage. I keep getting an Error--> element has no properties in prototype.js (version 1.5.0_rc1) on line 1966. Could you possibly show a working example?? Thanks again, Mark --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
just as a reminder... http://slideshow.webtwo.info/ On 9/16/06, Mark Garrigan <markgarrigan-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:> > > Eric... > > I can''t get it to work at all. Maybe I''m doing something wrong with the > usage. I keep getting an Error--> element has no properties in > prototype.js (version 1.5.0_rc1) on line 1966. Could you possibly show > a working example?? > > Thanks again, > Mark > > > > >-- Manuele Cappelleri --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
Mark Garrigan wrote:> I can''t get it to work at all. Maybe I''m doing something wrong with the > usage. I keep getting an Error--> element has no properties in > prototype.js (version 1.5.0_rc1) on line 1966. Could you possibly show > a working example??Once I get the project I am working on done I can but until then it is just very alpha code you can use if it works for you. As I said I just wrote it Friday so it has not been tested very well but I do know it works for Firefox (and possibly other browsers). If I make any updates or fixes I will send them to you. Eric --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
not sure if you''ve seen this, but I think it''s the effect you''re looking for. http://prototype-carousel.xilinus.com/ On 9/17/06, Eric Anderson <eric-ANzg6odk14w@public.gmane.org> wrote:> > Mark Garrigan wrote: > > I can''t get it to work at all. Maybe I''m doing something wrong with the > > usage. I keep getting an Error--> element has no properties in > > prototype.js (version 1.5.0_rc1) on line 1966. Could you possibly show > > a working example?? > > Once I get the project I am working on done I can but until then it is > just very alpha code you can use if it works for you. As I said I just > wrote it Friday so it has not been tested very well but I do know it > works for Firefox (and possibly other browsers). If I make any updates > or fixes I will send them to you. > > Eric > > > > >--~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
Derek.. this looks very good!.. thanks for the link.. I''ll try it out... Eric.. that''d be great if when you''re finished you can also post a link! Thanks for the help guys --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---