Only refresh images when the window has focus

Author: klasske

image-autorefresh.js

@@ -4,7 +4,16 @@
 
 jQuery(document).ready(function(){
 
+
+    //todo find a better way to determine width
    jQuery('img.image_autorefresh').width(jQuery('#content').width());
 
+    jQuery(document).focus(function(){
+        jQuery('img.image_autorefresh').each(function(){
+               d = new Date();
+               this.attr("src", this.data("src") + "?" + d.getTime());
+        });
+
+    });
 
 });

image-autorefresh.php

@@ -30,10 +30,13 @@ function image_autorefresh_shortcode($atts){
 	<script>
 	    setInterval(function()
         {
-            d = new Date();
-            image = jQuery('img#image_autorefresh_<?php echo $randomString ?>');
-            image.attr("src", image.data("src") + "?" + d.getTime());
+            if(document.hasFocus()){
+               d = new Date();
+               image = jQuery('img#image_autorefresh_<?php echo $randomString ?>');
+               image.attr("src", image.data("src") + "?" + d.getTime());
+            }
         }, <?php echo $a['refresh_time']; ?>000);
+
 	</script>
 
 	<div class="<?php echo '' != $a['caption'] ? 'wp-caption ': ''; ?>align<?php echo $a['align']; ?>">