update teaser images every 10s

1 files changed, 22 insertions, 0 deletions

diff --git a/assets/js/lustiges-script.js b/assets/js/lustiges-script.js
index f01c0e1..37e6838 100644
--- a/assets/js/lustiges-script.js
+++ b/assets/js/lustiges-script.js
@@ -392,3 +392,25 @@ $(function() {
 		$('.feedback-thankyou').show();
 	});
 });
+
+
+// update teaser images
+$(function() {
+	setInterval(function() {
+		$('.rooms .lecture .teaser').each(function() {
+			var
+				$teaser = $(this),
+				$preload = $('<img />'),
+				src = $teaser.data('src');
+
+			if(!src) {
+				src = $teaser.prop('src');
+				$teaser.data('src', src);
+			}
+
+			$preload.on('load', function() {
+				$teaser.prop('src', $preload.prop('src'));
+			}).prop('src', src + '?'+(new Date()).getTime());
+		});
+	}, 1000*10);
+});