This commit is contained in:
Alex Corbi 2015-09-16 21:01:58 +02:00
parent e2ad09a9e6
commit 0f22fe2a4e
149 changed files with 12527 additions and 10181 deletions

View file

@ -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,