Jquery photo array easy fade

Question

У меня есть div с несколькими фоновыми изображениями. У меня также есть сценарий для изменения этих изображений каждые X секунд. Я просто хочу добавить простой переход на постепенный переход, вместо мгновенного изменения, который я получаю только с этим скриптом. Могу ли я просто добавить простую строку кода, чтобы сделать эту работу? Ваша помощь очень ценится. Я начинающий! Heres the script:

<script type="text/javascript"> 
var now = 0; 
var int = self.setInterval("changeBG()", 2000); 
var array = ["jar1.jpg", "field.jpg",]; 

function changeBG(){ 
    //array of backgrounds 
    now = (now+1) % array.length ; 
    $('#maincontent').css('background-image', 'url("photos/' + array[now] + '")'); 

} 
</script> 

Answer 1

David!

увидел ваш комментарий в другом вопросе, подумал, что я мог бы также взглянуть. «Простой» способ перекрестного затухания в jQuery описан в следующей ссылке, может быть, это может помочь вам на вашем пути?

http://www.simonbattersby.com/blog/simple-jquery-image-crossfade/

Успехов