Topics started by LoneWolf345

1 Topic

LoneWolf345
LoneWolf345
posted in Uncategorized

How to make background image scale the full page (Non CSS3)

I’ve see an example at http://css-tricks.com/perfect-full-pa… of a jQuery method that should work but I’m having trouble implementing it. Is this even possible or am I wasting my time? Here is some of their sample code: jQuery Method This whole idea becomes a lot easier (from a CSS perspective) if we know if the aspect ratio of the image (inline we intend to use as a background) is larger or smaller than the current aspect ratio of the browser window. If it is lower, than we can set only the width to 100% on the image and know it will fill both height and width. If it is higher, we can set only the height to 100% and know that it will fill both the height and width. We have access to this information through JavaScript. As usual around here, I like to lean on jQuery. #bg { position: fixed; top: 0; left: 0; } .bgwidth { width: 100%; } .bgheight { height: 100%; } $(window).load(function() { var theWindow = $(window), bg = ("#bg"), aspectRatio = $bg.width() / $bg.height(); function re

0
Quinn_Omori
Unbouncer
9 years ago

Badge winners

Show all badges
Terms & ConditionsCookie settings