javascript - What's wrong with this DIV background image assignment? -


var bgimages ='myimage.png'  var pathtoimg=new array(), i=0 pathtoimg[0]=new image() pathtoimg[0].src=bgimages  document.body.background=pathtoimg[i].src 

// above works however, when attempted change "body" element "div" id of "slide" fails, fyi, div exists

document.getelementbyid('slide').style.background-image = pathtoimg[i].src 

or what's correct syntax setting div background imagine dynamically?

thanks.

  • addition, full code

// image slideshow script 2  var bgimages=new array()  bgimages[0]="paper-n.jpg"  bgimages[1]="kn-n.png"  // bgimages[2]="img3.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    document.getelementbyid('slide').style['background-image'] = pathtoimg[inc].src    // "url('" + pathtoimg[i].src + "')";  }    if (document.all||document.getelementbyid)    window.onload=new function('setinterval("bgslide()",3000)')
// slideshow  body {    /*remove below line make bgimage not fixed*/    background-attachment:fixed;    background-repeat: no-repeat;    /*use center center in place of 300 200 center bg image*/    background-position: 300 200;  }
<div id="slide"></div>

change style using [] instead of ., :

document.getelementbyid('slide').style['background-image'] = pathtoimg[i].src; 

Comments

Popular posts from this blog

mysql - Dreamhost PyCharm Django Python 3 Launching a Site -

java - Sending SMS with SMSLib and Web Services -

java - How to resolve The method toString() in the type Object is not applicable for the arguments (InputStream) -