title: Refresh all images on page
body: <p>I'm using the following script to update images on a page displaying webcams. The webcam images are pulled by FTP. Because I want to implement a filtering interface, using mixitup, I don't want the whole page to refresh as this will clear any filters.</p>
  
  <p>So the above script does work... kind of. The problem here is that eventually the image URL will become too long and won't display.</p>
  
  <p>Does any one have a suggestion on how this can be resolved?</p>
  
  <p>Cheers!</p>
  
  <pre class="lang-js prettyprint-override"><code>function imgRefresh() {
    var now = new Date();
    for (i = 0; i &lt; document.images.length; i++) {
      document.images[i].src = document.images[i].src + "?" + now.getTime();
    }
    setTimeout('imgRefresh()', 5 * 1000);
  }
  </code></pre>