티스토리 스킨변경후 이미지가 짤려서 나온다면

티스토리 스킨변경후 이미지가 짤려서 나온다면

    티스토리 스킨을 변경할 때마다 본문에 삽입된 이미지가 짤려서 나오는 경우가 있다. 이렇게 되는 이유는 스킨마다 본문 영역 크기가 다른것에 비해서 이미지 리사이징에 대한 대책도 없이 제작된 스킨들이 때문이다. 

    이러한 문제가 발생하면 스킨변경후 기존에 작성한 포스트들을 보면 영역을 넘어가는 이미지들은 보게 된다. 이런 경우에 스크립트만으로도 보기좋게 만들수 있다.

    아래의 스크립트을 head사이에 넣고 첨부된  imagefix2.js 파일을 파일업로드을 통해 처리하면 된다. 

1. imagefix2.js 파일을 HTML/CSS 편집 -> 파일업로드 항목에서 업로드 한다. 기존 파일을 지우지 않아도 동일 파일명으로 업로드 하면 알아서 덮어쓰기 된다.

imagefix2.js

2. skin.html 안에 아래 코드 한줄을 삽입한다. 주의할것은 타 코드를 침범하지 않게 < /> 이후에 넣을것.

<script src="./images/imagefix2.js" type="text/javascript"></script>

3. head 와 /head 사이에 위치해야함은 기본이다.

4. </div> 와 <div> 사이에 삽입해야 한다. 

5. 적용 후 웹브라우저에서 F5를 눌러서 Reload 해준다. 위 스크립트가 적용되고나면 이후 그림 사이즈가 틀린 글을 볼때 이미지 크기가 자동으로 조절되는것을 볼 수 있다.