기초 및 언어/▶ JavaScript&JQuery
11. JQuery _ .magify(); 확대
by 류딩이
2025. 9. 9.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/jquery.magnify-1.0.2.js"></script>
<script type="text/javascript">
$(function(){
// magnify() : 확대
// 작은 이미지에 링크를 걸고 클릭하면 큰 이미지로 이동
$("#mg").magnify();
});
</script>
<body>
<!-- 똑같은 큰 이미지를 a링크에 넣어야 같은 이미지를 확대해서 볼 수 있다. -->
<a href="../images/bigimg0.jpg" id ="mg">
<img src ="../images/smallimg0.jpg" border="2">
</a>
</body>
</html>