Results 1 to 8 of 8

Thread: animate background images

  1. #1
    Join Date
    Oct 2008
    Posts
    10
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Question animate background images

    I would like my background image to be changed every few seconds, with a nice fade.
    How do I accomplish this? Thanks!

  2. #2
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,810
    Thanks
    2
    Thanked 423 Times in 417 Posts

    Default

    changing the background image is not a problem

    animation of left and top can be achieved by changing the packground position

    but cant think of a way of changing the opacity without changing the opacity of the element or using nested elements as the background.
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  3. #3
    Join Date
    Oct 2008
    Posts
    10
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    I think I wasn't clear enough... sorry for that.
    I would like my background image to be changed every few seconds, with a nice fade (not move).

  4. #4
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,810
    Thanks
    2
    Thanked 423 Times in 417 Posts

    Default

    changing the background image is not a problem

    animation of left and top can be achieved by changing the packground position

    but cant think of a way of changing the opacity without changing the opacity of the element or using nested elements as the background.
    = cant be done
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  5. #5
    Join Date
    Oct 2008
    Posts
    10
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by vwphillips View Post
    = cant be done
    I got the following massage in another forum:
    setInterval in Javascript, with opacity and background-image in CSS
    Does it helps?

  6. #6
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,810
    Thanks
    2
    Thanked 423 Times in 417 Posts

    Default

    ask them to do it, if they do, please let me know
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  7. #7
    Join Date
    Oct 2008
    Posts
    10
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    I have found a script that rotates backround images in a div:
    Rotate Background Image in Div

    I'm looking for the following improvements:
    • When one image rotates it will stay untill the new image is fully displayed.
    • A nice fade between the images will be nice...


    Thanks!

  8. #8
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,810
    Thanks
    2
    Thanked 423 Times in 417 Posts

    Default

    see post #4
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

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
  •