<html>
<head>
<style>
img {
width: 100%;
height: 98%;
object-fit: contain;
background: url({{ url_for("static", filename="loading.gif") }}) 50% no-repeat;
}
</style>
</head>
<body bgcolor="black">
<img id="slider" src="{{ url_for("static", filename="clear.gif") }}" />
<script>
var downloadingImage = new Image();
downloadingImage.onload = function()
{
document.getElementById("slider").src = this.src;
};
function updateImage()
downloadingImage.src = "{{ url_for("random_image") }}?" + new Date().getTime();
updateImage();
setInterval(updateImage, {{ refresh * 1000 }});
</script>
</body>
</html>
