Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- SQL
- 자바스크립트
- 코드이그나이터
- codeigniter
- 맥
- 공모주 청약
- java
- Eclipse
- 오라클
- 공모주
- Stock
- Oracle
- 리눅스
- 자바
- 주식 청약
- Stock ipo
- MYSQL
- css
- 제이쿼리
- IPO
- html
- jquery
- 공모주 청약 일정
- 6월 공모주 청약 일정
- 주식
- linux
- php
- 주식 청약 일정
- JavaScript
- 7월 공모주 청약 일정
Archives
- Today
- Total
개발자의 끄적끄적
[html/css] html img tag onclick example / html 이미지 태그 확대해서 보는 방법 본문
개발/html & css
[html/css] html img tag onclick example / html 이미지 태그 확대해서 보는 방법
효벨 2021. 9. 17. 01:00728x90
반응형
[html/css] html img tag onclick example / html 이미지 태그 확대해서 보는 방법
html 에서
이미지를 확대해서 보게 해야 하는 경우가 있습니다.
그럴때는 여러가지 방법이 있겠지만,
아래처럼 이미지를 클릭해서 새창으로 띄우게 하면
확대가 가능합니다.
바로 아래처럼 onclick 옵션을 이용하는 건데요.
onclick="window.open(this.src)"
위와 같이 onclick 옵션을
아래와 같이 img 태그에 추가하시면 됩니다.
<img src="IMAGE_SRC"/>
결과는
아래와 같이 onclick 가 추가되면 됩니다.
<img src="IMAGE_SRC" onclick="window.open(this.src)"/>
참고들 하세요!
반응형
'개발 > html & css' 카테고리의 다른 글
[html/css] css input disabled example / css input 비활성화 색상 설정하는 방법 (0) | 2021.09.29 |
---|---|
[html/css] html img tag 변경된 이미지 바로 반영시키는 방법 (0) | 2021.09.23 |
[html/css] html meta viewport example / html 이미지 확대 막는 방법 (0) | 2021.09.16 |
[html/css] css 문자열 ... 처리하는 방법 (0) | 2021.09.13 |
[html/css] html iframe sandbox allow modals error 해결 방법 (0) | 2021.09.10 |
Comments