Skip to content

Instantly share code, notes, and snippets.

@oliverdoetsch
Last active April 7, 2021 22:47
Show Gist options
  • Save oliverdoetsch/8ca97140142e586d23d0 to your computer and use it in GitHub Desktop.
Save oliverdoetsch/8ca97140142e586d23d0 to your computer and use it in GitHub Desktop.
Give a Image 100% post-width inside a blogger blog.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
var postWidth = $('.post-body').width();
var sAttribut = /\/s\B\d{2,4}/;
$('.post-body').find('table').each(function() {
$(this).find('a').unwrap().unwrap();
$(this).find('.tr-caption').unwrap();
$(this).replaceWith($('table').html()
.replace(/<tbody/gi, "<div class='separator' style='clear: both; text-align: center'")
.replace(/<td/gi, "<div")
.replace(/<\/td>/gi, "</div>")
.replace(/<\/tbody/gi, "<\/div")
);
});
$('.post-body').find('img').each(function(n, image) {
var thisHeight = $(this).height();
var thisWidth = $(this).width();
var thisRatio = thisWidth / thisHeight;
var newWidth = postWidth;
var newHeight = Math.round(newWidth / thisRatio);
var newDimension;
if (thisWidth >= thisHeight) {
newDimension = newWidth
} else {
newDimension = newHeight
};
var image = $(image);
image.removeAttr("width height");
image.css({
"margin-left": "0",
"padding": "0",
"box-sizing": "border-box",
"box-shadow": "0 0 0 rgba(0, 0, 0, 0)",
"width": newWidth + "px",
});
image.parent().removeAttr("style");
image.attr({
src: image.attr('src').replace(sAttribut, '/' + 's' + newDimension)
});
image.attr('width', newWidth);
});
})
//]]>
< /script
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment