Results 1 to 5 of 5

Thread: Background image fading rotation effect

  1. #1
    Join Date
    Jan 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Background image fading rotation effect

    Hello all,

    I'm currently doing a design that has transparent pngs and the idea was to have a rotating tiled image in the background. Something simple like a blue, green and red tile all fading in a loop. Also I'd need to set how quick it happens.

    I've seen some javascript image fade rotators but nothing for the background.

    If this isn't possible then is it possible to do the same fade but with just the background colour?

    Any help would be great.

    Thanks Sul...

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    As far as I know, with the possible exception of the use of filters only in IE browsers that support them, this cannot be done. An effect like it can be achieved using absolute and/or relative positioned elements behind the images. The bit about tiling would be a little tricky though.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Jan 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by jscheuer1 View Post
    As far as I know, with the possible exception of the use of filters only in IE browsers that support them, this cannot be done. An effect like it can be achieved using absolute and/or relative positioned elements behind the images. The bit about tiling would be a little tricky though.
    I had a feeling it couldn't be done. Oh well back to the drawing board then :P

  4. #4
    Join Date
    Jan 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Found out it actually can

    http://www.netlobo.com/javascript_background_fade.html

    Some one very helpful told me to look for Colour transitions and that helped out

    Any other info would be great too.

  5. #5
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    I didn't say it couldn't be done. I think it can. However, the link you give doesn't appear to me to involve rotating fading tiled background images as laid out in your initial post.

    But for changing backgrounds behind partially transparent images, a solid fading color would probably be better than tiled images anyway.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •