Jquery Image Zoom

2017/12/13

examples
http://www.elevateweb.co.uk/image-zoom/examples

다운로드
http://www.elevateweb.co.uk/download-file

<script type="text/javascript" src="/resources/bower_components/elevatezoom/jquery.elevateZoom-3.0.8.min.js"></script>

1	<script type="text/javascript" src="/resources/bower_components/elevatezoom/jquery.elevateZoom-3.0.8.min.js"></script>

HTML

<img id="zoom_01" src="small/image1.png" data-zoom-image="large/image1.jpg"/>

1	<img id="zoom_01" src="small/image1.png" data-zoom-image="large/image1.jpg"/>

JAVSCRIPT

$("#zoom_01").elevateZoom();

1	$("#zoom_01").elevateZoom();

Window Position

HTML

<img id="zoom_01" src="small/image1.png" data-zoom-image="large/image1.jpg"/>

1	<img id="zoom_01" src="small/image1.png" data-zoom-image="large/image1.jpg"/>

JAVSCRIPT

$("#zoom_01").elevateZoom({zoomWindowPosition: 12});

1	$("#zoom_01").elevateZoom({zoomWindowPosition: 12});

최신글