[공지] 티스토리 글 본문 안의 이미지 클릭시 라이트박스가 표시되지 않는 문제에 대한 안내
변경 이력을 남기기 위해 내용 최종 업데이트 시간을 표시합니다.
2022년 11월 8일 추가 내용
----------------------------------------------------------------------
티스토리에서 10월 13일 플러그인 관련 공지가 있었습니다.
https://notice.tistory.com/2626
몇몇 플러그인이 종료될 예정이고, 종료 예정에 포함된 플러그인에 라이트박스가 포함되어 있습니다.
10월 말 종료라고 하는데 아직 라이트박스 기능이 동작하고 있고, 라이트박스 기능 자체가 사라질 예정이므로 구지 제이쿼리 구버전을 링크를 걸어서 라이트박스 기능을 계속 쓸 필요는 없어보입니다.
다만, 종료될 때까지 해당 기능을 쓰고 싶거나 당장 자바스크립트 에러가 발생하는게 싫으신 분은 아래 내용을 참고하셔서 수정해서 사용하면 됩니다.
티스토리가 배포하는 레퍼런스 스킨들은 스킨 안에 제이쿼리 구버전 링크가 포함되어 있는데, 이건 티스토리에서 패치를 할 것이라고 보이고, 레퍼런스 스킨을 쓰는 분들은 스킨 HTML(skin.html)에서 아래 제이쿼리 1.12.x 구버전 링크 행을 삭제하고 사용하시면 됩니다.
2022년 11월 7일 오후 상태입니다.
----------------------------------------------------------------------
갑자기 제가 배포하는 스킨을 사용하는 분에게서 글 본문의 이미지를 클릭하면 팝업 창에 확대 이미지가 표시되는 기능(라이트박스)이 동작하지 않는다는 리포트가 있어서 확인한 결과 입니다.
데이터센터 화재 사고 후에 티스토리가 복구되면서 무슨 바람이 불었는지 갑자기 티스토리에서 사용하는 자바스크립트 기반 라이브러리를 3.5.1(기존은 구 시스템 호환을 위한 1.12.4 버전) 버전으로 변경을 했습니다.
최신 버전으로 업그레이드를 한 것은 무척이나 반가운 일인데, 글 본문 안의 이미지를 클릭하면 팝업으로 원래 이미지를 보여주는 기능인 라이트박스(제이쿼리에 의존적인 기능)가 1.12.4 버전에 의존적입니다.
제이쿼리 3.5.1만 로딩되면 이 기능은 에러를 발생시킵니다.(아래 캡쳐와 같은 에러)
문제는 티스토리가 배포하는 레퍼런스 스킨들은 스킨 안에 이 구버전 제이쿼리에 대한 링크가 포함되어 있어서 에러가 발생하지 않습니다.
스킨 안에 제이쿼리 1.12.4를 포함하지 않는 써드파티 스킨들은 모두 같은 에러가 발생합니다.
서비스의 기반 기능인 라이트박스에 대한 업그레이드는 하지 않고 레퍼런스 스킨에서는 문제가 없으니까 그냥 제이쿼리 버전을 3.5.1로 변경을 하면서 에러가 발생하고 있습니다.
애초에 블로깅 서비스의 내장 기능인 라이트박스 기능이 스킨에 포함된 구버전 제이쿼리 라이브러리에 의존적인 것도 모르고 서비스 업데이트를 하면 안되는 거지만, 라이트박스 기능이 업데이트 될 때까지는 에러가 발생할 것이기 때문에 임시로라도 조치할 수 있는 방법을 알려드립니다.
skin.html 파일에서(또는 스킨편집기에서 html 편집기 화면으로 들어가서)
<head>
를 검색해서
그 밑에 새 행을 추가하고 다음 행을 추가하면 라이트박스가 정상 동작합니다.
<script src="//t1.daumcdn.net/tistory_admin/lib/jquery/jquery-1.12.4.min.js"></script>웹 브라우저 개발자 도구를 볼 줄 아는 분은 F12키를 눌러서 콘솔 탭에서 다음과 같이 라이트박스 에러가 발생하는지 확인하시면 됩니다.
티스토리 레퍼런스 스킨을 쓰거나, 아주 오래된 써드파티 스킨을 쓰는 분은 위의 구버전 제이쿼리 링크 코드가 포함되어 있어 에러가 발생하지 않습니다.
해당건에 대해서 고객센터 문의를 넣어놓은 상태입니다.
변경 사항이 생기면 추가 공지를 하겠습니다.