사진 클릭시 alert

DEV/jQuery

사진 클릭시 alert

purple 2020. 1. 13. 19:29

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<h1>사진들</h1>

<img alt="" src="./image/img01.jpg" picname="성 자비에를 성당(외관)">
<img alt="" src="./image/img02.jpg" picname="성 자비에를 성당(내관)">
<img alt="" src="./image/img03.jpg" picname="낡은 건물">
<img alt="" src="./image/img04.jpg" picname="가로등">

<script type="text/javascript">
$(document).ready(function(){
  $("img").click(function(){
	 var pname = $(this).attr("picname");
	 alert(pname +"의 사진입니다");
  
  });
});


</script>


</body>
</html>