Re: [jQuery] Re: Change style of Div with fade

2009-11-13 Thread Karl Swedberg

In that case, I'd use something like the Cycle plugin. 
http://malsup.com/jquery/cycle/

This works on a set of multiple sibling elements, so it isn't exactly  
what you're looking for. But if you have a single element that you  
want to achieve this effect on, I'd do this:

1. wrap the element in a div.
2. clone the element and append it to the wrapper div.
3. repeat #2 as needed
4. call .cycle() on the wrapper div.

--Karl


Karl Swedberg
www.englishrules.com
www.learningjquery.com




On Nov 13, 2009, at 8:54 AM, Dan wrote:


Thank you Karl but ...

I have seen this article, it does not explain how to do what I want.

I need the background to change and loop without a user doing
anything. Also I need to use a fade.

I have done a lot of searching and haven't found anything. It seems
that it is possible, and possibly even easy, but I can't find someone
who knows how to do it.

Thanks.

Dan

On Nov 12, 7:08 pm, Karl Swedberg k...@englishrules.com wrote:

Jonathan Snook's background animation article might be helpful:

http://www.snook.ca/archives/javascript/jquery-bg-image-animations/

--Karl


Karl Swedbergwww.englishrules.comwww.learningjquery.com

On Nov 12, 2009, at 9:27 AM, Dan wrote:


Hi,



Can anyone tell me how to rotate the background-color style of a div
with a fade? I need it to rotate colors every 10 seconds, having one
fade into the next, and will need to have 3 background colors, then
keep looping from the first color.



My Div is named #rotateBG.



Thanks




Re: [jQuery] Re: Change style of Div with fade

2009-11-13 Thread Dharshini Nathan
unsubscribe

On Fri, Nov 13, 2009 at 11:12 AM, Dan dan.loff...@gmail.com wrote:

 That is very cool. But it still does not do what I need.

 I need just the background to change -- not the entire child element,
 the content in the box must not change or fade -in/out.

 Thanks.

 Dan

 On Nov 13, 9:11 am, Karl Swedberg k...@englishrules.com wrote:
  In that case, I'd use something like the Cycle plugin.
 http://malsup.com/jquery/cycle/
 
  This works on a set of multiple sibling elements, so it isn't exactly
  what you're looking for. But if you have a single element that you
  want to achieve this effect on, I'd do this:
  1. wrap the element in a div.
  2. clone the element and append it to the wrapper div.
  3. repeat #2 as needed
  4. call .cycle() on the wrapper div.
 
  --Karl
 
  
  Karl Swedbergwww.englishrules.comwww.learningjquery.com
 
  On Nov 13, 2009, at 8:54 AM, Dan wrote:
 
   Thank you Karl but ...
 
   I have seen this article, it does not explain how to do what I want.
 
   I need the background to change and loop without a user doing
   anything. Also I need to use a fade.
 
   I have done a lot of searching and haven't found anything. It seems
   that it is possible, and possibly even easy, but I can't find someone
   who knows how to do it.
 
   Thanks.
 
   Dan
 
   On Nov 12, 7:08 pm, Karl Swedberg k...@englishrules.com wrote:
   Jonathan Snook's background animation article might be helpful:
 
  http://www.snook.ca/archives/javascript/jquery-bg-image-animations/
 
   --Karl
 
   
   Karl Swedbergwww.englishrules.comwww.learningjquery.com
 
   On Nov 12, 2009, at 9:27 AM, Dan wrote:
 
   Hi,
 
   Can anyone tell me how to rotate the background-color style of a div
   with a fade? I need it to rotate colors every 10 seconds, having one
   fade into the next, and will need to have 3 background colors, then
   keep looping from the first color.
 
   My Div is named #rotateBG.
 
   Thanks