添加溶解到背景图像幻灯片

Question

原谅我，因为我更像是一个CSS / HTML女孩。我正在制作背景图片幻灯片：

var bgimages=new Array()
bgimages[0]="http://asia.olympus-imaging.com/products/dslr/epl1/sample/images/epl1_sample01.jpg"
bgimages[1]="http://asia.olympus-imaging.com/products/dslr/epl1/sample/images/epl1_sample02.jpg"
bgimages[2]="http://asia.olympus-imaging.com/products/dslr/epl1/sample/images/epl1_sample03.jpg""
bgimages[3]="http://asia.olympus-imaging.com/products/dslr/epl1/sample/images/epl1_sample04.jpg
bgimages[4]="http://asia.olympus-imaging.com/products/dslr/epl1/sample/images/epl1_sample05.jpg"

//preload images
var pathToImg=new Array()
for (i=0;i<bgimages.length;i++)
{
  pathToImg[i]=new Image()
  pathToImg[i].src=bgimages[i]
}

var inc=-1

function bgSlide()
{
  if (inc<bgimages.length-1)
    inc++
  else
    inc=0
  document.body.background=pathToImg[inc].src
}

if (document.all||document.getElementById)
  window.onload=new Function('setInterval("bgSlide()",5000)')

http://jsfiddle.net/9ZXyH/1/ 代码确实可以正常工作，即使它似乎没有显示在小提琴中。

我的问题是：

• 如何添加溶解因此不仅仅是在图像之间切割？
• 如何立即显示背景图像（当前页面保持白色约5秒钟，然后开始幻灯片放映。