Hi, Has anyone got any suggestions on the best effect to use when fadding one image into another? Thanks Mark -- Posted via http://www.ruby-forum.com/. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
I''ve wanted to do this, but haven''t really found anything. You can try playing with queues to make both effects (fade in and fade out) happen simultaneously, but the main difficulty is that it''s HTML, and the normal flow layout will not place items on top of each other. The only way I can think of doing it is with some CSS absolute positioning, which is always fun to get working across browsers correctly. Jason On 6/4/07, Mark <rails-mailing-list-ARtvInVfO7ksV2N9l4h3zg@public.gmane.org> wrote:> > > Hi, > > Has anyone got any suggestions on the best effect to use when fadding > one image into another? > > Thanks > Mark > > -- > Posted via http://www.ruby-forum.com/. > > > >--~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
I am a huge fan of this little library: Cross Fade Anything http://www.millstream.com.au/view/code/cross-fade-anything On 6/4/07, Jason Roelofs <jameskilton-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:> > I''ve wanted to do this, but haven''t really found anything. You can try > playing with queues to make both effects (fade in and fade out) happen > simultaneously, but the main difficulty is that it''s HTML, and the normal > flow layout will not place items on top of each other. > > The only way I can think of doing it is with some CSS absolute > positioning, which is always fun to get working across browsers correctly. > > Jason > > On 6/4/07, Mark <rails-mailing-list-ARtvInVfO7ksV2N9l4h3zg@public.gmane.org> wrote: > > > > > > Hi, > > > > Has anyone got any suggestions on the best effect to use when fadding > > one image into another? > > > > Thanks > > Mark > > > > -- > > Posted via http://www.ruby-forum.com/ . > > > > > > > > > > > >-- Thanks, -Steve http://www.stevelongdo.com --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
abs positioning, science no. if your image is like this <div> <img1 /> </div> then you do <div> <img2 style="float:left;" /> <img1 /> </div> assuming they are the same size img1 should now be over img2. now all you need is to activate the fade effect on img 1. -- Posted via http://www.ruby-forum.com/. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
Eh, whoops. That Crossfader library is cool! I will definitely be using that. As for the image hack, I guess I was thinking of fading divs through each other, not just images. Good to know about images and floating. Jason On 6/4/07, Keynan Pratt <rails-mailing-list-ARtvInVfO7ksV2N9l4h3zg@public.gmane.org> wrote:> > > abs positioning, science no. > > if your image is like this > > <div> > <img1 /> > </div> > > then you do > > <div> > <img2 style="float:left;" /> > <img1 /> > </div> > > assuming they are the same size img1 should now be over img2. > now all you need is to activate the fade effect on img 1. > > -- > Posted via http://www.ruby-forum.com/. > > > >--~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
thanks for the link, looks good :) Is it possible just to greyscale am image? -- Posted via http://www.ruby-forum.com/. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
Mark wrote:> Hi, > > Has anyone got any suggestions on the best effect to use when fadding > one image into another? > > Thanks > MarkI''m working on something along these lines right now with YUI. I''m still having a few issues with the image preloading, but other than that it''s working ok. I''ll post when completed. -- Posted via http://www.ruby-forum.com/. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---