Written by
Ari Kim
on
on
이미지 경로로 새 창 띄워서 미리보기
이건 간단한 방법이구요, window open 으로도 열 수 있습니다.
지금은 새 창으로만 열리도록 해보겠습니다.
html
<div class="content">
<img src=" /assets/img/../layout/head-bg-s.jpg">
</div>
css ( 필수가 아니에요. )
.content img {
cursor: pointer;
}
jQuery
$(function(){
// 이미지 클릭 시 미리보기 띄우기
$(".content img").click(function(){
// $(".content img") 의 src
var src = $(this).attr("src");
// 현재 페이지의 메인 URL
var host = $(location).attr("host");
// 이미지의 전체 링크
var url = "http://" + host + src;
// 새 창 짜잔
window.open(url);
});
});
실행
Comments
PUBLISHING 의 다른 글
-
아랍어 언어 속성 lang, 쓰기 방향 오른쪽에서 왼쪽으로 변경 10 May 2019
-
D3.js 사용법 및 차트 만들기 17 May 2017
-
document.ready, window.ready, window.onload 실행순서 17 Apr 2017
-
제이쿼리 물결 연산자 ( tilde 연산자 ) 14 Apr 2017
-
Form 에서 Label 사용하기 13 Apr 2017
-
웹 페이지 로딩 시 로딩 이미지 보여주기 07 Apr 2017
-
제이쿼리 항상 최신버전 사용하기 07 Apr 2017
-
제이쿼리 select box onchange 23 Nov 2016
-
이미지 경로로 새 창 띄워서 미리보기 22 Nov 2016
-
jQuery url 정보 확인하기 23 Aug 2016