Animate background image change with jQuery

by

I don’t think this can be done using jQuery’s animate function because the background image does not have the necessary CSS properties to do such fading. jQuery can only utilize what the browser makes possible. (jQuery experts, correct me if I’m wrong of course.)

I guess you would have to work around this by not using genuine background-images, but div elements containing the image, positioned using position: absolute (or fixed) and z-index for stacking. You would then animate those divs.

More Related Contents:

  1. Rotating a Div Element in jQuery
  2. CSS rotation cross browser with jquery.animate()
  3. jQuery animate background position
  4. How to make a jquery infinite animation?
  5. jQuery .scrollTop(); + animation
  6. Correct way to animate box-shadow with jQuery
  7. Animate scroll to ID on page load
  8. Show Div when scroll position
  9. JQuery synchronous animation
  10. How can I execute multiple, simultaneous jquery effects?
  11. jquery animate background-position firefox
  12. jQuery $.animate() multiple elements but only fire callback once
  13. JQuery Animate Background Image on Y-axis
  14. How do you fadeIn and animate at the same time?
  15. How do you animate the value for a jQuery UI progressbar?
  16. jQuery delay() – how to stop it?
  17. Does jQuery have a plugin to display a “message bar” like the Twitter “wrong password” bar at the top of screen?
  18. jquery.animate background-position doesn’t work
  19. How to get the class of a div on click [closed]
  20. WordPress how to use jquery and $ sign
  21. Jquery Ajax Posting JSON to webservice
  22. Reload chart data via JSON with Highcharts
  23. What is the simplest jQuery way to have a ‘position:fixed’ (always at top) div?
  24. find elements that are stacked under (visually) an element in jquery
  25. What is the difference between async:false and async:true in jquery ajax?
  26. :nth-of-type() in jQuery / Sizzle?
  27. GUI-based or Web-based JSON editor that works like property explorer [closed]
  28. JSON stringify missing from jQuery 1.4.1?
  29. Wrap some specified words with span in jQuery?
  30. Twitter Bootstrap Carousel cycle items right to left ( RTL ) reversed

Leave a Comment