custom.js
... ...
@@ -4,7 +4,9 @@ x_cursor = 0,
4 4
y_cursor = 0,
5 5
x_img_ele = 0,
6 6
y_img_ele = 0;
7
+
7 8
$( document ).ready(
9
+
8 10
function zoom(zoomincrement) {
9 11
img_ele = document.getElementById('drag-img');
10 12
var pre_width = img_ele.getBoundingClientRect().width, pre_height = img_ele.getBoundingClientRect().height;
... ...
@@ -13,18 +15,14 @@ $( document ).ready(
13 15
img_ele = null;
14 16
}
15 17
16
- document.getElementById('zoomout').addEventListener('click', function() {
17
- zoom(0.5);
18
- });
19
- document.getElementById('zoomin').addEventListener('click', function() {
20
- zoom(1.5);
21
- });
18
+
19
+ document.getElementById('zoomout').addEventListener('click', zoom(0.5));
20
+ document.getElementById('zoomin').addEventListener('click', zoom(1.5));
22 21
23 22
function start_drag() {
24 23
img_ele = this;
25 24
x_img_ele = window.event.clientX - document.getElementById('drag-img').offsetLeft;
26 25
y_img_ele = window.event.clientY - document.getElementById('drag-img').offsetTop;
27
-
28 26
}
29 27
30 28
function stop_drag() {