javascript - Array of images not working, while text in this is working -


<!doctype html>  <html> <head> <style> #wss{ opacity:0; -webkit-transition:opacity 1.0s linear 0s; transition:opacity 1.0s linear 0s;   }  </style>  <script>  var wss_i = 0; 

this array not working images working text dont whats wrong in it?

var wss_array = [               "<img src="http://www.seizedesign.com/wp-content/uploads/2013/02/e-commerce-logo.jpg" /> ",               "<img src"http://cdn.playbuzz.com/cdn/ff5b7cde-a0bb-4456-93ca-1014f25c063e/58300efe-0336-4287-9ad8-6555e8a9e6c1.jpg"/>",               "<img src"http://www.golden-gate-park.com/wp-content/uploads/2011/03/conservatory_of_flowers3.jpg"/>",               "<img src"http://www.robertashton.co.uk/communities/4/004/012/729/184/images/4619952637.jpg"/>",               ];    var wss_elem;    function wssnext(){     wss_i++;    wss_elem.style.opacity = 0;    if(wss_i > (wss_array.length - 1)){     wss_i = 0;  }   settimeout('wssslide()',1000);  }  function wssslide(){  wss_elem.innerhtml = wss_array[wss_i];  wss_elem.style.opacity = 1;  settimeout('wssnext()',2000);  }  </script> </head> <body> <span id="wss"></span> <script>wss_elem = document.getelementbyid("wss"); wssslide(); </script> </body> </html> 

use escape sequence \ in array "

var wss_array = [               "<img src=\"http://www.seizedesign.com/wp-content/uploads/2013/02/e-commerce-logo.jpg\" /> ",               "<img src=\"http://cdn.playbuzz.com/cdn/ff5b7cde-a0bb-4456-93ca-1014f25c063e/58300efe-0336-4287-9ad8-6555e8a9e6c1.jpg\"/>",                ]; 

Comments