Board Thread:Support Requests - Designing Your Wikia/@comment-17209219-20150501124307/@comment-452-20150501140902


 * Possible? Yes.
 * Built in feature? No.
 * Easy? Depends on who you ask.

Simply stretching the image with CSS is one way, but it would look bad because it's the same 700px image stretched across the screen.

Here's how to load the appropriately sized image with javascript: $(function { $(".fullwidthbanner").each(function { if ($("img", this).attr("src")) srcAttr = "src"; else if ($("img", this).attr("data-src")) srcAttr = "data-src"; //lazy-loader $("img", this).attr(srcAttr, $("img", this).attr(srcAttr).replace(/\/scale-to-width\/\d*\?/g, "/scale-to-width/"+$(this).width+"?")); $("img", this).attr("width", "" ); $("img", this).attr("height", "" ); }); }); Use this wikitext for any banners you want to enlarge:


 * Warnings
 * 1) Make sure that whatever banner you're using is sufficiently large, because this will stretch them larger than their original size. The actual size of that particular image is only 875px, so it already stretches wider than that on my screen.
 * 2) The image as displayed in the article must be smaller than the actual size. If it's already actual size in the article, it will not have "scale-to-width" in the url, so this script will do nothing.

BTW, thanks for asking this excellent question, I have a couple of banners myself which I wasn't enlarging, but I will use this for them now.