javascript - Adding dissolve to background image slideshow -
forgive me i'm more of css/html girl. working on background image slideshow:
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() (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/ code work though doesn't seem displaying in fiddle.
my questions are:
- how add dissolve isn't cutting between images?
- how make background image appear (currently page stays white 5 seconds , starts slideshow.
Comments
Post a Comment