This will be text only until I get feedback.
The plugin retrives the CSS 'background-image' property and creates a HTML <img> tag that covers the div's background, while ajusting it's size like "background-size:cover" does.
This was meant to patch the IE flaw in not supporting "background-size:cover".
I wouldn't recommend it for other browsers;
This removes the 'background' property.
USAGE:
$('.CLASS_NAME').cover();
OR (optional)
$('.CLASS_NAME').cover(BACKGROUND_IMAGE);
HTML CONTEXT:
<div class="CLASS_NAME"></div>
CSS CONTEXT:
.CLASS_NAME {
background-image: url(BACKGROUND_IMAGE);
}
OPTIONAL: instead of defining the CSS property "background-image: url(BACKGROUND_IMAGE)" you can pass an argument as the background image.
Version Log:
V0.2
Added chainability and fixed a bug with the optional paramenter.
V0.3
Added an outside div to supress overflowing of background
Added a unique class so it doesn't create more than 1 background per selected page element.
V0.4
Removes 'background' instead of 'background-image'.
V0.5
Moved id variable into the plugin scope($.fn.cover.id). (No on should ever declare variables oustide the plugin scope)