INJE BLOG
WASTING YOUR TIME
SINCE 2017
티스토리 새 에디터에서 gif 안 움직일때 해결법
오랜만에 티스토리를 다시 시작했는데 새로 바뀐 에디터에서 gif를 올리면 이미지가 움직이지를 않더라고요... 그래서 페이지 코드를 확인해 보니까 이전 에디터에서는 사용하지 않던 srcset을 사용하더군요. srcset은 화면 크기에 따라 다른 크기의 이미지를 불러와서 이미지가 깨지지 않으면서도 이미지 파일의 크기가 필요 이상으로 커서 로딩 속도가 느려지는 것을 방지하는데 쓰이는데요. 이 다른 크기의 gif들로 변환하면서 이미지가 움직이지 않게 되는 것 같아요. 원본 gif는 잘 움직이는데 srcset 주소의 이미지는 안 움직이는게 보이시죠? 그래서 저는 이렇게 간단히 jQuery 코드를 추가해서 해결했답니다. 이 코드를 스킨편집에 들어가셔서 태그 안에 붙여 넣어 주시면 gif 가 움직일 거예요 혹시 블로..
티스토리 디스커스 주소 문제 해결법
티스토리는 같은 글이라도 홈에서 들어가느냐 카테고리 창 안에서 들어 가느냐에 따라 url 이 달라져디스커스를 적용할때 같은 글이라도 양쪽에 다른 댓글창이 적용되는 문제가 있는데요 http¦//injeblog.tistory.com/99 http¦//injeblog.tistory.com/99?category=12345 티스토리와 디스커스 양쪽 다 게시글 url 관련 옵션이 없어서 간단한 함수를 만들어서 해결했습니다스킨편집에서 태그 안에 아래 코드를 붙여넣기 하고 파일 내의 모든 href="" 를 onclick="disqusFix('')"> 로 바꿔주시면 됩니다
jQuery 창 가로길이에 따른 함수 적용하기
반응형 사이트나 모바일 사이트를 만들 때 함수가 특정 화면 넓이에서만 작동해야 할때가 있죠? 그럴땐 아래와 같이 width() 를 사용하면 되는데요 if($(window).width() > 768) { /* do something */ } 이 방법을 쓰면 함수를 실행했을 때 넓이만 인식을 하고 창 크기를 조정하는건 인식을 못한답니다 예를들어 768px 보다 클때만 배경음악이 나오는 사이트를 생각해 볼까요? 처음에 1000px 짜리 창을 켜고, 700px 로 줄이면 분명 768px 보다 작지만 노래가 계속 나오게 된다는 거죠 그럼 어떻게 해야할까요? resize() 함수를 사용하면 됩니다! $(window).resize(function() { if($(window).width() > 768) { /* do..