title: Changing background picture smoothly
body: <p>I`m using the code to change background picture over time:</p>
  
  <pre><code>function getRandomInt(min, max)
  {return Math.floor(Math.random()*(max-min+1))+min;}
  
  function nextBackground()
  {
      var url = "url('images/" + getRandomInt(1, 33) + ".jpg')";
  
      $body.css("background-image", url);
      setTimeout(nextBackground, 7000);
  }
  setTimeout(nextBackground, 7000);
  </code></pre>
  
  <p>But I would like pictures to change not that sharply. Are there any way to do that?</p>