Bridge cam refresh images js added

diff --git a/js/app.js b/js/app.js
index 15fd117..44ea7c3 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -39,4 +39,9 @@ $(document).ready(function () {
             $(this).children('a').css("cursor", "default");
         }
     });
+    setInterval(function(){
+        $('#cam1').attr('src','http://cams.gaslightmedia.com/cameras/images/MacBridge_image2_large.jpg?b=' + Math.random());
+        $('#cam2').attr('src','http://cams.gaslightmedia.com/cameras/images/MacBridge_image1_medium.jpg?b=' + Math.random());
+        $('#cam3').attr('src','http://cams.gaslightmedia.com/cameras/images/MacBridge_image4_medium.jpg?b=' + Math.random());
+    }, 10000);
 });

diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js
index e33b764..628c26a 100644 (file)
--- a/js/custom/pageSetup.js
+++ b/js/custom/pageSetup.js
@@ -30,4 +30,9 @@ $(document).ready(function () {
             $(this).children('a').css("cursor", "default");
         }
     });
+    setInterval(function(){
+        $('#cam1').attr('src','http://cams.gaslightmedia.com/cameras/images/MacBridge_image2_large.jpg?b=' + Math.random());
+        $('#cam2').attr('src','http://cams.gaslightmedia.com/cameras/images/MacBridge_image1_medium.jpg?b=' + Math.random());
+        $('#cam3').attr('src','http://cams.gaslightmedia.com/cameras/images/MacBridge_image4_medium.jpg?b=' + Math.random());
+    }, 10000);
 });

diff --git a/sidebar.php b/sidebar.php
index 71eddcd..31bb0fa 100644 (file)
--- a/sidebar.php
+++ b/sidebar.php
@@ -4,6 +4,10 @@
         <?php echo apply_filters('bridge-conditions-sidebar', ''); ?>
     </div>
     <div id="cam" class="action-item">
+        <div class="front-action-image-container">
+            <a class="front-action-image"  href="<?php echo get_permalink(645); ?>" style="background-image: url(<?php bloginfo('template_url'); ?>/assets/cam-image.jpg);">    
+            </a>
+        </div>
         <img src="<?php bloginfo('template_url'); ?>/assets/bridge-cams-sm.jpg" alt="Live Bridge Cam Image">
         <a class="click-container" href="<?php echo get_permalink(645); ?>">
             <div class="content-container text-center">
@@ -12,4 +16,4 @@
             </div>
         </a>
     </div>
-</div>
\ No newline at end of file
+</div>