GenZmeY/casper-i18n
1
0
Fork 0
mirror of https://github.com/GenZmeY/casper-i18n.git synced 2024-11-10 10:28:04 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Merge pull request #132 from jeremija/image-width-fix

Browse Source 
Fixed bug where image width changes on refresh
This commit is contained in:
Hannah Wolfe 2014-09-15 20:57:47 +01:00
commit 144be310a0
1 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
assets/js/index.js
View File

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