671
No
이미지 확대
magnify.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<!-- 1.7.2에서 테스트 -->
<script type="text/javascript"
src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript"
src="../include/jquery.magnify-1.0.2.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#img1").magnify();
});
</script>
</head>
<body>
<h2>이미지 확대</h2>
<a href="http://performancedrive.com.au/wp-content/uploads/2016/06/Rolls-Royce-VISION-NEXT-100-concept-night.jpg" id="img1">
<img src="https://tse2.mm.bing.net/th?id=OIP.tp0ny9IR14EXlOOkHiqgUwEsC_&pid=15.1&P=0&w=308&h=197" border="0px" />
</a>
</body>
</html>
http://www.jnathanson.com/index.cfm?page=jquery/magnify/magnify
댓글 ( 4)
댓글 남기기