script_full_image_vanilla_js.js

<script type="text/javascript">
//<![CDATA[
document.addEventListener('DOMContentLoaded', function() {
	var sAttribut = /\/s\B\d{2,4}/;
	var postWidth = document.getElementsByClassName('post-body')[0].offsetWidth;
	var table = document.querySelectorAll('.post-body table');
	if (typeof(table) != 'undefined' && table !== null) {
		var n = table.length;
		while (n--) {
			var oldNode = table[n];
			var newNode = document.createElement('div');
			newNode.setAttribute('class', 'separator');
			var newCap = document.createElement('div');
			newCap.style.textAlign = 'center';
			var p = table[n].querySelector('a').cloneNode(true);
			newNode.appendChild(p);
			oldNode.parentNode.replaceChild(newNode, oldNode);
			if (table[n].querySelector('.tr-caption')) {
				var text = table[n].querySelector('.tr-caption').innerText || table[n].querySelector('.tr-caption').textContent;
				newCap.innerHTML = text;
				newNode.appendChild(newCap);
			}
		}
	}
	var image = document.querySelectorAll('.post-body img');
	var i = image.length;
	while (i--) {
		var thisHeight = image[i].height;
		var thisWidth = image[i].width;
		var thisRatio = thisWidth / thisHeight;
		var newHeight = Math.round(postWidth / thisRatio);
		var newDimension = '';
		if (thisWidth >= thisHeight) {
			newDimension = postWidth;
		} else {
			newDimension = newHeight;
		}
		var src = image[i].getAttribute('src');
		var newSrc = src.replace(sAttribut, '/' + 's' + newDimension);
		image[i].removeAttribute('width');
		image[i].removeAttribute('height');
		image[i].parentNode.removeAttribute('style');
		image[i].style.marginLeft = "0";
		image[i].style.padding = "0";
		image[i].style.boxSizing = "border-box";
		image[i].style.boxShadow = "0 0 0 rgba(0, 0, 0, 0)";
		image[i].setAttribute('width', postWidth);
		image[i].setAttribute('src', newSrc);
	}
});
//]]>
</script>