using backstretch for a background....but wanting it to fade out.

using backstretch for a background....but wanting it to fade out.

Hi people, 

This is my code : 

  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6. <meta http-equiv="refresh" content="4; URL=home.html">
  7. <title>Untitled</title>

  9. <!--[if gte IE 6]>
  10.  
  11.  
  12. <script type="text/javascript">
  13.     $.backstretch("rotate/intro_with_logo01.jpg", {speed: 550});
  16. </script>
  17.  
  18. <![endif]-->
  19.  
  20.  
  21.  
  22. </style> 

  24. <script type="text/javascript" src="scripts/jquery-1.4.2.js"></script>


  27. <script type="text/javascript" src="scripts/jquery.backstretch.min.js"></script> 
  28. <script type="text/javascript" src="scripts/jquery.backstretch.js"></script>


  31. <script type="text/javascript"> 
  32.     $.backstretch("rotate/rotate.php", {speed: 1000});
  36. </script> 


So the background images FADES In and after 4 seconds we get redirected to the homepage. Any way that the background image could fade out as well? ??

Any ideas?

Thank you very much for your time!