개발자의 끄적끄적

[html/css] html img tag onclick example / html 이미지 태그 확대해서 보는 방법 본문

개발/html & css

[html/css] html img tag onclick example / html 이미지 태그 확대해서 보는 방법

효벨 2021. 9. 17. 01:00
728x90
반응형

[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)"/>

 

참고들 하세요!

반응형
Comments