티스토리 이미지 새 탭에서 열기

위 사진처럼 클릭했을 때 이미지를 새 탭에서 열어줍니다.

티스토리의 플러그인처럼 특정 크기 이상인 이미지에만 적용되지 않고 모든 이미지에 적용됩니다.

블로그에 우클릭을 막아뒀지만, 이미지의 다운로드를 막으려는 건 아닐 때도 쓸 수 있고, 다양한 경우에 쓸 수 있습니다.

Vanilla JS

Array.from(document.querySelectorAll(".imageblock>img")).forEach(a => { // 첨부파일 선택 방지

const d = document.createElement("a"), // 새 a 태그 생성

c = a.parentNode.parentNode; // .imageblock 부모인 p

d.href = `${a.src}?original`,

a.removeAttribute("onclick"),

d.append(a.parentNode),

d.setAttribute("target", "_blank"),

c.append(d)

})

jQuery

$(".imageblock>img").each(function() {

const a = $(this);

a.removeAttr("onclick"),

a.parent().wrap(`<a href="${a.attr("src")}?original" target="_blank"></a>`)

})