티스토리 이미지 강제로 원본 표시하기

글쓰기 가로 폭을 설정하면 일괄적으로 글 영역의 이미지 크기가 변경되면 좋겠지만, 애석하게도 그런 기능은 지원하지를 않습니다 ㅠㅠ

그래서 그냥 만약 이미지가 컨테이너보다 작으면 원본 이미지로 표시되도록 작업했습니다.

이미지가 충분히 큰데도 컨테이너를 꽉 채우지 못하는 게 좀 눈에 거슬려서 작업했는데, 실용성이 그리 높을지는 잘 모르겠네요;;

$(".imageblock").each(function() {
  var a = $(this),
      b = a.children("img");
  if (a.width() < a.parents(".article").width() && a.find("a").length == 0) {
      a.removeAttr("style"),
      b.removeAttr("srcset width height"),
      b.attr("src", b.attr("src") + "?original")
  }
})

".article"은 

글쓰기 가로 폭을 설정하면 일괄적으로 글 영역의 이미지 크기가 변경되면 좋겠지만, 애석하게도 그런 기능은 지원하지를 않습니다 ㅠㅠ

그래서 그냥 만약 이미지가 컨테이너보다 작으면 원본 이미지로 표시되도록 작업했습니다.

이미지가 충분히 큰데도 컨테이너를 꽉 채우지 못하는 게 좀 눈에 거슬려서 작업했는데, 실용성이 그리 높을지는 잘 모르겠네요;;

$(".imageblock").each(function() {
  var a = $(this),
      b = a.children("img");
  if (a.width() < a.parents(".article").width() && a.find("a").length == 0) {
      a.removeAttr("style"),
      b.removeAttr("srcset width height"),
      b.attr("src", b.attr("src") + "?original")
  }
})

".article"은 을 감싸고 있는 요소입니다.

이미지가 컨테이너를 꽉 채우고 있을 때

그렇지 않을 때

을 감싸고 있는 요소입니다.

이미지가 컨테이너를 꽉 채우고 있을 때

그렇지 않을 때