title: Chrome is not pre-loading images from javascript. Works on IE, FF
body: <p>I am trying to pre-load onClick images, and the script works except in Google Chrome (and I imagine Safari)... not sure what is going on. Anyone have any ideas?</p>
  
  <pre><code>&lt;div style="display:hidden"&gt;
      &lt;script type="text/javascript"&gt;
          &lt;!--//--&gt;&lt;![CDATA[//&gt;&lt;!--
              var images = new Array()
              function preload() {
                  for (i = 0; i &lt; preload.arguments.length; i++) {
                      images[i] = new Image()
                      images[i].src = preload.arguments[i]
                  }
              }
              preload(
  
              &lt;?php
                  for ($i = 0; $i &lt; 6; $i++) {
                      if (!empty($imgs[$i])) {
                          $comma = $i == 0? '' : ',';
                          echo $comma."'http://www.htpcusa.com/drcom/ebay/image.php?img_source_url=" . $imgs[$i] . "&amp;img_resize_to=500'";
                      }
                  }
              ?&gt;
  
              )
          //--&gt;&lt;!]]&gt;
      &lt;/script&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Images are being called later to via this code.</p>
  
  <pre><code>        &lt;?php
              for ($i = 0; $i &lt; 6; $i++) {
                  if (!empty($imgs[$i])) {
                      echo "&lt;div class=\"htpc_picturebox\"&gt;";
                      echo "&lt;img id=\"imgs$i\" src=\"http://www.htpcusa.com/drcom/ebay/image.php?img_source_url=" . $imgs[$i] . "&amp;img_resize_to=157\" alt=\"\"";
                      echo " onClick=\"javascript:document.getElementById('detailed_image').src='http://www.htpcusa.com/drcom/ebay/image.php?img_source_url=" . $imgs[$i] . "&amp;img_resize_to=500';\" /&gt;";
                      echo "&lt;/div&gt;";
                  }
              }
          ?&gt;
  </code></pre>
  
  <p>So what is Chrome not doing, that IE and FF recognize!?</p>