This commit is contained in:
parent
e2ad09a9e6
commit
0f22fe2a4e
149 changed files with 12527 additions and 10181 deletions
|
|
@ -24,16 +24,18 @@
|
|||
$.fn.imagefill = function(options) {
|
||||
|
||||
var $container = this,
|
||||
$img = $container.find('img').addClass('loading').css({'position':'absolute'}),
|
||||
imageAspect = 1/1,
|
||||
containersH = 0,
|
||||
containersW = 0,
|
||||
defaults = {
|
||||
runOnce: false,
|
||||
target: 'img',
|
||||
throttle : 200 // 5fps
|
||||
},
|
||||
settings = $.extend({}, defaults, options);
|
||||
|
||||
var $img = $container.find(settings.target).addClass('loading').css({'position':'absolute'});
|
||||
|
||||
// make sure container isn't position:static
|
||||
var containerPos = $container.css('position');
|
||||
$container.css({'overflow':'hidden','position':(containerPos === 'static') ? 'relative' : containerPos});
|
||||
|
|
@ -58,7 +60,7 @@
|
|||
containersH = 0;
|
||||
containersW = 0;
|
||||
$container.each(function() {
|
||||
imageAspect = $(this).find('img').width() / $(this).find('img').height();
|
||||
imageAspect = $(this).find(settings.target).width() / $(this).find(settings.target).height();
|
||||
var containerW = $(this).outerWidth(),
|
||||
containerH = $(this).outerHeight();
|
||||
containersH += $(this).outerHeight();
|
||||
|
|
@ -67,7 +69,7 @@
|
|||
var containerAspect = containerW/containerH;
|
||||
if (containerAspect < imageAspect) {
|
||||
// taller
|
||||
$(this).find('img').css({
|
||||
$(this).find(settings.target).css({
|
||||
width: 'auto',
|
||||
height: containerH,
|
||||
top:0,
|
||||
|
|
@ -75,7 +77,7 @@
|
|||
});
|
||||
} else {
|
||||
// wider
|
||||
$(this).find('img').css({
|
||||
$(this).find(settings.target).css({
|
||||
width: containerW,
|
||||
height: 'auto',
|
||||
top:-(containerW/imageAspect-containerH)/2,
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue