Fixes variable image width bug

closes #95
 - added onload event listeners to images
This commit is contained in:
jeremija 2014-09-14 09:33:33 +02:00
parent 72ba094f2f
commit a149b03a2f
1 changed files with 15 additions and 12 deletions

View File

@ -37,19 +37,22 @@
var $postContent = $(".post-content"); var $postContent = $(".post-content");
$postContent.fitVids(); $postContent.fitVids();
var casperFullImg = function () { function updateImageWidth() {
$("img").each(function () { var $this = $(this),
var $this = $(this), contentWidth = $postContent.outerWidth(), // Width of the content
contentWidth = $postContent.outerWidth(), // Width of the content imageWidth = this.naturalWidth; // Original image resolution
imageWidth = $this[0].naturalWidth; // Original image resolution
if (imageWidth >= contentWidth) { if (imageWidth >= contentWidth) {
$this.addClass('full-img'); $this.addClass('full-img');
} else { } else {
$this.removeClass('full-img'); $this.removeClass('full-img');
} }
}); }
};
var $img = $("img").on('load', updateImageWidth);
function casperFullImg() {
$img.each(updateImageWidth);
}
casperFullImg(); casperFullImg();
$(window).smartresize(casperFullImg); $(window).smartresize(casperFullImg);