One Color 레이아웃에서
http://www.elevateweb.co.uk/image-zoom/examples
Inner Zoom을 사용하고 싶습니다.
해당 소스를 삽입하고 구동하면 소스가 제대로 작동하지 않습니다.
<head>
<script src='jquery-1.8.3.min.js'></script>
<script src='jquery.elevatezoom.js'></script>
</head>
<body>
<img src="images/small/s1.png"/>
<img id="zoom_01" src='images/small/image1.png' data-zoom-image="images/large/image1.jpg"/>
<script>
$('#zoom_01').elevateZoom({
zoomType: "inner",
cursor: "crosshair",
zoomWindowFadeIn: 500,
zoomWindowFadeOut: 750
});
</script>
</body>
다음과 같은 소스입니다. 또한 <script src='jquery-1.8.3.min.js'></script> 이부분을 불러와서 그런지 글쓰기 및 수정하는 모든 부분이 깨져버리네요.
사용할 수 있는 방법이 있을까요? 도움주시면 큰 도움이 될 것 같습니다.
파일 첨부합니다.