From 82bee179c0745c0f16b19dd10a56a418bec16ce5 Mon Sep 17 00:00:00 2001 From: Ben Kurtovic Date: Sat, 28 Jan 2012 20:32:22 -0500 Subject: [PATCH] Better handling of images less wide than our screen. --- static/js/potd.js | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/static/js/potd.js b/static/js/potd.js index dbaaf0c..b55394d 100644 --- a/static/js/potd.js +++ b/static/js/potd.js @@ -56,7 +56,6 @@ function parse_file_url(data, filename) { imgheight = r["height"]; } - url = url.replace(/\/commons\//, "/commons/thumb/"); var s = get_window_size(); var winwidth = s[0]; var winheight = s[1]; @@ -65,12 +64,15 @@ function parse_file_url(data, filename) { if (imgwidth/imgheight > winwidth/winheight) { width = Math.round((imgwidth/imgheight) * winheight); } - if (width > imgwidth) { - width = imgwidth; + if (width >= imgwidth) { + document.body.style.backgroundImage = "url('" + url + "')"; + if (width > imgwidth) { + document.body.style.setProperty("background-size", "cover"); + } + } else { + url = url.replace(/\/commons\//, "/commons/thumb/") + "/" + width + "px-" + filename; + document.body.style.backgroundImage = "url('" + url + "')"; } - url += "/" + width + "px-" + filename; - - document.body.style.backgroundImage="url('" + url + "')"; document.getElementById("bg_image_link").href = descurl; }