Light-TT-EX 란?
이미지 클릭시 새창으로 띄우는걸 막고 페이지내에서 보여주는 플러그인이다.
스킨에따라 끄고싶을수가 있다..
하지만 문제가 하나 있다.
문제는?
사용안함으로 해도 무조건 사용할수밖에 없다.
html 맨 위에 붙는 코드 (티스토리 사용 시 무조건 붙는다.)
<link rel="stylesheet" type="text/css" href="https://t1.daumcdn.net/tistory_admin/lib/lightbox/css/lightbox.min.css" /><link rel="stylesheet" type="text/css" href="https://t1.daumcdn.net/tistory_admin/assets/blog/3c1bdbe60f493f5812efec48784f9468e1a3f460/blogs/style/content/font.css?_version_=3c1bdbe60f493f5812efec48784f9468e1a3f460" /><link rel="stylesheet" type="text/css" href="https://t1.daumcdn.net/tistory_admin/assets/blog/3c1bdbe60f493f5812efec48784f9468e1a3f460/blogs/style/content/content.css?_version_=3c1bdbe60f493f5812efec48784f9468e1a3f460" /><!--[if lt IE 9]><script src="https://t1.daumcdn.net/tistory_admin/lib/jquery/jquery-1.12.4.min.js"></script><![endif]--><!--[if gte IE 9]>
<!--><script src="https://t1.daumcdn.net/tistory_admin/lib/jquery/jquery-3.2.1.min.js"></script><!--<![endif]-->
<script src="https://t1.daumcdn.net/tistory_admin/lib/lightbox/js/lightbox-plus-jquery.min.js"></script>
<script>
lightbox.options.fadeDuration = 200;
lightbox.options.resizeDuration = 200;
lightbox.options.wrapAround = false;
lightbox.options.albumLabel = "%1 / %2";
</script>티스토리에 설정 불가능한 설정들이 좀 있다..
body의 맨 아래에 제거코드를 넣는다.
minify 버전
<head>
...
</head>
<body>
...
<script>
function del_lighttt(){for(var t=document.getElementsByTagName("span"),e=0;e<t.length;e++)"lightbox"==t[e].getAttribute("data-lightbox")&&(t[e].outerHTML=t[e].outerHTML.split('data-lightbox="lightbox"').join(""));window.removeEventListener("DOMContentLoaded",del_lighttt)}window.addEventListener("DOMContentLoaded",del_lighttt);
</script>
</body>
소스는 아래와 같으며, 클릭시 흐려지기+화면 띄우기만 방지하는 코드이다
function del_lighttt(){
var s=document.getElementsByTagName("span")
for (var i = 0; i < s.length; i++) {
if(s[i].getAttribute("data-lightbox")=="lightbox"){
s[i].outerHTML=s[i].outerHTML.split('data-lightbox="lightbox"').join("");
}
}
window.removeEventListener('DOMContentLoaded',del_lighttt);
}
window.addEventListener('DOMContentLoaded',del_lighttt);'웹 프로그래밍 > HTML' 카테고리의 다른 글
| JS) 보는데 이상이 없는데 UTF-8 처리를 못하면? (0) | 2019.12.16 |
|---|---|
| JS window.location) hostname VS host (0) | 2019.12.06 |
| HTML) Referrer 관리하기 <meta name="referrer"> (3) | 2019.11.26 |
| Javascript) encodeURI, decodeURI, encodeURIComponent, decodeURIComponent (0) | 2019.11.14 |
| JS) Location.hash 와 URL의 #부분 처리 (0) | 2019.10.27 |
| extension) tabs.getSelected VS tabs.query (0) | 2019.10.17 |
| Javascript) innerText vs innerHTML (0) | 2019.06.13 |
| HTML) CSS 불러오기 (0) | 2019.05.29 |
저작권 보호안내
무단 전재, 재배포 행위는 금지됩니다. (글을 복사하여 게시금지)
본문의 일부(링크용 문장) 인용은 가능하지만, 출처와 링크(a 태그)를 남기셔야 됩니다.
(웹툴을 이용하고, 스크린샷/녹화하는것은 상관없습니다.)
예외적으로. 저에게 허락받은 경우에는 본문을 전재할 수 있습니다.
만약, 본문 공유를 원하신다면 링크 공유를 해주세요
저작권 정책 확인하기링크 공유하기