質問編集履歴
3
ｊｓ修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -184,7 +184,7 @@
|
|
|
184
184
|
delta > -120 ? obj.ratio*=1.1 : obj.ratio*=0.9;
|
|
185
185
|
setBackground();
|
|
186
186
|
},
|
|
187
|
-
|
|
187
|
+
//ここからtouchIvent
|
|
188
188
|
imgTouchstart = function(e){
|
|
189
189
|
if(e.touches.length > 1){
|
|
190
190
|
}
|
|
@@ -218,4 +218,24 @@
|
|
|
218
218
|
obj.state.dragable = false;
|
|
219
219
|
}
|
|
220
220
|
}
|
|
221
|
+
//ここまで
|
|
222
|
+
obj.spinner.style.display = 'block';
|
|
223
|
+
obj.image.onload = function() {
|
|
224
|
+
obj.spinner.style.display = 'none';
|
|
225
|
+
setBackground();
|
|
226
|
+
|
|
227
|
+
attachEvent(el, 'mousedown', imgMouseDown);
|
|
228
|
+
attachEvent(el, 'mousemove', imgMouseMove);
|
|
229
|
+
attachEvent(document.body, 'mouseup', imgMouseUp);
|
|
230
|
+
var mousewheel = (/Firefox/i.test(navigator.userAgent))? 'DOMMouseScroll' : 'mousewheel';
|
|
231
|
+
attachEvent(el, mousewheel, zoomImage);
|
|
232
|
+
attachEvent(el, 'touchstart', imgTouchstart,false);
|
|
233
|
+
attachEvent(el, 'touchmove', imgTouchmove);
|
|
234
|
+
attachEvent(el, 'touchend', imgTouchend);
|
|
235
|
+
};
|
|
236
|
+
obj.image.src = options.imgSrc;
|
|
237
|
+
attachEvent(el, 'DOMNodeRemoved', function(){detachEvent(document.body, 'DOMNodeRemoved', imgMouseUp)});
|
|
238
|
+
|
|
239
|
+
return obj;
|
|
240
|
+
};
|
|
221
241
|
```
|
2
補足です
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -2,6 +2,10 @@
|
|
|
2
2
|
ぎこちないです。
|
|
3
3
|
修正点や改善策をお教えいただけたらと思います。
|
|
4
4
|
|
|
5
|
+
-補足-
|
|
6
|
+
|
|
7
|
+
タッチしたポイントに追従して画像がスクロールされませんので、追従するようにしたいです。
|
|
8
|
+
|
|
5
9
|
```html
|
|
6
10
|
<div class="container">
|
|
7
11
|
<input type="checkbox" id="rotaCheck3">
|
1
コードにミスがあった
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -42,7 +42,8 @@
|
|
|
42
42
|
imageBox: '#imageBox1',
|
|
43
43
|
thumbBox: '#thumbBox1',
|
|
44
44
|
spinner: '#spinner1',
|
|
45
|
-
imgSrc: 'avatar.png'
|
|
45
|
+
imgSrc: 'avatar.png'
|
|
46
|
+
}
|
|
46
47
|
```
|
|
47
48
|
```cropbox.js
|
|
48
49
|
var cropbox1 = function(options){
|