728x90
이미지 클릭시 새창으로 이미지를 연다.
HTML
<ul>
<li><img src="/images/sample/po1.png" class="click_img"></li>
<li><img src="/images/sample/po2.png" class="click_img"></li>
<li><img src="/images/sample/po3.png" class="click_img"></li>
<li><img src="/images/sample/po4.png" class="click_img"></li>
</ul>
SCRIPT
<script type="text/javascript">
var img = document.getElementsByClassName('click_img');
for (var x = 0; x < img.length; x++) {
img.item(x).onclick=function() {window.open(this.src)};
}
</script>
728x90
'STUDY > programing' 카테고리의 다른 글
파이썬으로 새폴더 만들기, 텍스트 파일에 데이터 넣기 (0) | 2021.07.26 |
---|---|
[jquery] input value에 따라 label 숨기기, 보이기 (0) | 2020.11.26 |
python 설치 및 개발환경 설정(atom 에디터 사용) (0) | 2020.03.17 |
li 개수에 따라 폭(width) 나누기 (0) | 2019.09.13 |
PHP 이름 *표 마스킹하기 (익명처리) (0) | 2019.05.17 |
CSS로 모바일 버튼 눌림 표시/클릭 액션 스타일 (active 선택자 이용) (0) | 2019.05.09 |