이렇게 글에 있는 이미지를 클릭하면
'원본 이미지 보기'라고 해서
이미지가 띄워진다.
그런데 이게 꽤나 불편할 때가 있다.
* 모바일에서 글을 넘기는데
이미지가 클릭이되어서
이렇게 띄워진다던가
* 클릭 요소가 너무 가까움 같은
모바일 최적화 문제라던가...
이와 같은 문제를 해결할 수 있는
스크립트를 작성해보았다.
| 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"라는 속성을
찾아서 제거해버리는 것이다.
/ 참고자료
티스토리) Light-TT-EX 제거하기
Light-TT-EX 란? 이미지 클릭시 새창으로 띄우는걸 막고 페이지내에서 보여주는 플러그인이다. 스킨에따라 끄고싶을수가 있다.. 하지만 문제가 하나 있다. 문제는? 사용안함으로 해도 무조건 사용
hi098123.tistory.com
ㄴ 코드 동작원리 참고
JavaScript / Object / Element.removeAttribute() / 요소의 속성을 제거하는 메서드
.removeAttribute() .removeAttribute()는 요소의 속성을 제거하는 메서드입니다. 문법 element.removeAttribute( attributename ) 예를 들어 document.getElementsByTagName( 'h1' )[0].removeAttribute( 'class' ); 는 문서의 첫번째 h1 요
www.codingfactory.net
ㄴ 특정요소의 속성 제거
DOMContentLoaded 이벤트
로딩이 다 된 후 자바스크립트 동작이 이뤄지는 것이 일반적이다. DOM 로딩이 다 되지 않았는데 DOM을 조작하는 자바스크립트 코드가 실행되면 원하는 결과를 내지 못할 것이다. DOMContentLoaded 이벤
enai.tistory.com
ㄴ 코드 동작의 최적화
try...catch - JavaScript | MDN
try...catch 문은 실행할 코드블럭을 표시하고 예외(exception)가 발생(throw)할 경우의 응답을 지정합니다.
developer.mozilla.org
ㄴ try-catch를 통한 에러 처리
댓글