공부, 프로그래밍/블로그, 유튜브
티스토리 이미지 크게 보기(Light-TT-EX) 제거하기
devsp
2021. 11. 16. 19:01
이렇게 글에 있는 이미지를 클릭하면
'원본 이미지 보기'라고 해서
이미지가 띄워진다.
그런데 이게 꽤나 불편할 때가 있다.
* 모바일에서 글을 넘기는데
이미지가 클릭이되어서
이렇게 띄워진다던가
* 클릭 요소가 너무 가까움 같은
모바일 최적화 문제라던가...
이와 같은 문제를 해결할 수 있는
스크립트를 작성해보았다.
document.addEventListener("DOMContentLoaded", function() { var s=document.getElementsByTagName("span"); for (var i = 0; i < s.length; i++) { s[i].removeAttribute('data-lightbox'); } }); |
/ 적용 전
/ 적용 후
* 원리는 html에서 "data-lightbox"라는 속성을
찾아서 제거해버리는 것이다.
/ 참고자료
ㄴ 코드 동작원리 참고
ㄴ 특정요소의 속성 제거
ㄴ 코드 동작의 최적화
ㄴ try-catch를 통한 에러 처리