title: Why there is no images drow when I turn on web page?
body: <p>I want to draw images on web page from array, but there is no images on web site. There is array of 6 images which I want to display on web site, also I want to make them move up, and I want to appear them randomly on x axis, but there is no images on web site</p>
  
  <pre><code>var canvas = document.getElementById('canvas');
  var c = canvas.getContext("2d"); 
  
  var description = [ "cerveny", "fialovy", "cierny", "zeleny", "modry", "zlty"];
  
  var pictures = new Array(5);
  
  function initialize(){
      pictures[0] = new Image(50, 50);
      pictures[0].src = "cerveny_novy.png";
      pictures[1] = new Image(50,50);
      pictures[1].src = "fialovy_novy.png";
      pictures[2] = new Image(50,50);
      pictures[2].src = "cierny.png";
      pictures[3] = new Image(50,50);
      pictures[3].src = "zeleny_novy.png";
      pictures[4] = new Image(50,50);
      pictures[4].src = "modry_novy.png";
      pictures[5] = new Image(50,50);
      pictures[5].src = "novy_zlty.png";
  }
  
  initialize();
  
  for (var i = 0; i &lt; 6; i++)
  {
      c.drawImage(pictures[i], 50, 400, 600, 200);
  }
  </code></pre>