Adding bower_components to _site, they wont be gitignored
This commit is contained in:
parent
8038a31de7
commit
2824ba5aaf
274 changed files with 46334 additions and 3 deletions
104
_site/bower_components/imagefill.js/js/jquery-imagefill.js
vendored
Executable file
104
_site/bower_components/imagefill.js/js/jquery-imagefill.js
vendored
Executable file
|
|
@ -0,0 +1,104 @@
|
|||
/**
|
||||
* imagefill.js
|
||||
* Author & copyright (c) 2013: John Polacek
|
||||
* johnpolacek.com
|
||||
* https://twitter.com/johnpolacek
|
||||
*
|
||||
* Dual MIT & GPL license
|
||||
*
|
||||
* Project Page: http://johnpolacek.github.io/imagefill.js
|
||||
*
|
||||
* The jQuery plugin for making images fill their containers (and be centered)
|
||||
*
|
||||
* EXAMPLE
|
||||
* Given this html:
|
||||
* <div class="container"><img src="myawesomeimage" /></div>
|
||||
* $('.container').imagefill(); // image stretches to fill container
|
||||
*
|
||||
* REQUIRES:
|
||||
* imagesLoaded - https://github.com/desandro/imagesloaded
|
||||
*
|
||||
*/
|
||||
;(function($) {
|
||||
|
||||
$.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,
|
||||
throttle : 200 // 5fps
|
||||
},
|
||||
settings = $.extend({}, defaults, options);
|
||||
|
||||
// make sure container isn't position:static
|
||||
var containerPos = $container.css('position');
|
||||
$container.css({'overflow':'hidden','position':(containerPos === 'static') ? 'relative' : containerPos});
|
||||
|
||||
// set containerH, containerW
|
||||
$container.each(function() {
|
||||
containersH += $(this).outerHeight();
|
||||
containersW += $(this).outerWidth();
|
||||
});
|
||||
|
||||
// wait for image to load, then fit it inside the container
|
||||
$container.imagesLoaded().done(function(img) {
|
||||
imageAspect = $img.width() / $img.height();
|
||||
$img.removeClass('loading');
|
||||
fitImages();
|
||||
if (!settings.runOnce) {
|
||||
checkSizeChange();
|
||||
}
|
||||
});
|
||||
|
||||
function fitImages() {
|
||||
containersH = 0;
|
||||
containersW = 0;
|
||||
$container.each(function() {
|
||||
imageAspect = $(this).find('img').width() / $(this).find('img').height();
|
||||
var containerW = $(this).outerWidth(),
|
||||
containerH = $(this).outerHeight();
|
||||
containersH += $(this).outerHeight();
|
||||
containersW += $(this).outerWidth();
|
||||
|
||||
var containerAspect = containerW/containerH;
|
||||
if (containerAspect < imageAspect) {
|
||||
// taller
|
||||
$(this).find('img').css({
|
||||
width: 'auto',
|
||||
height: containerH,
|
||||
top:0,
|
||||
left:-(containerH*imageAspect-containerW)/2
|
||||
});
|
||||
} else {
|
||||
// wider
|
||||
$(this).find('img').css({
|
||||
width: containerW,
|
||||
height: 'auto',
|
||||
top:-(containerW/imageAspect-containerH)/2,
|
||||
left:0
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function checkSizeChange() {
|
||||
var checkW = 0,
|
||||
checkH = 0;
|
||||
$container.each(function() {
|
||||
checkH += $(this).outerHeight();
|
||||
checkW += $(this).outerWidth();
|
||||
});
|
||||
if (containersH !== checkH || containersW !== checkW) {
|
||||
fitImages();
|
||||
}
|
||||
setTimeout(checkSizeChange, settings.throttle);
|
||||
}
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
}(jQuery));
|
||||
Loading…
Add table
Add a link
Reference in a new issue