|
|
@@ -1,49 +1,67 @@
|
|
|
-function disable_zoom() {
|
|
|
- (function($) {
|
|
|
- $.fn.nodoubletapzoom = function() {
|
|
|
- $(this).bind('touchstart', function preventZoom(e) {
|
|
|
- var t2 = e.timeStamp
|
|
|
- , t1 = $(this).data('lastTouch') || t2
|
|
|
- , dt = t2 - t1
|
|
|
- , fingers = e.originalEvent.touches.length;
|
|
|
- $(this).data('lastTouch', t2);
|
|
|
- if (!dt || dt > 500 || fingers > 1) return; // not double-tap
|
|
|
-
|
|
|
- e.preventDefault(); // double tap - prevent the zoom
|
|
|
- // also synthesize click events we just swallowed up
|
|
|
- $(this).trigger('click').trigger('click');
|
|
|
- });
|
|
|
- };
|
|
|
-})(jQuery);
|
|
|
-}
|
|
|
-
|
|
|
-document.addEventListener('gesturestart', function (e) {
|
|
|
- e.preventDefault();
|
|
|
-});
|
|
|
-
|
|
|
-document.documentElement.addEventListener('touchstart', function (event) {
|
|
|
- if (event.touches.length > 1) {
|
|
|
- event.preventDefault();
|
|
|
- }
|
|
|
-}, false);
|
|
|
+// function disable_zoom() {
|
|
|
+// (function($) {
|
|
|
+// $.fn.nodoubletapzoom = function() {
|
|
|
+// $(this).bind('touchstart', function preventZoom(e) {
|
|
|
+// var t2 = e.timeStamp
|
|
|
+// , t1 = $(this).data('lastTouch') || t2
|
|
|
+// , dt = t2 - t1
|
|
|
+// , fingers = e.originalEvent.touches.length;
|
|
|
+// $(this).data('lastTouch', t2);
|
|
|
+// if (!dt || dt > 500 || fingers > 1) return; // not double-tap
|
|
|
+//
|
|
|
+// e.preventDefault(); // double tap - prevent the zoom
|
|
|
+// // also synthesize click events we just swallowed up
|
|
|
+// $(this).trigger('click').trigger('click');
|
|
|
+// });
|
|
|
+// };
|
|
|
+// })(jQuery);
|
|
|
+// }
|
|
|
+//
|
|
|
+// document.addEventListener('gesturestart', function (e) {
|
|
|
+// e.preventDefault();
|
|
|
+// });
|
|
|
+//
|
|
|
+// document.documentElement.addEventListener('touchstart', function (event) {
|
|
|
+// if (event.touches.length > 1) {
|
|
|
+// event.preventDefault();
|
|
|
+// }
|
|
|
+// }, false);
|
|
|
|
|
|
// array
|
|
|
array_Sw = [];
|
|
|
array_Sh = [];
|
|
|
array_Sx = [];
|
|
|
array_Sy = [];
|
|
|
+array_Fw = [];
|
|
|
+array_Fh = [];
|
|
|
console.log("array_Sw", array_Sw);
|
|
|
console.log("array_Sh", array_Sh);
|
|
|
console.log("array_Sx", array_Sx);
|
|
|
console.log("array_Sy", array_Sy);
|
|
|
+console.log('array_Fw',array_Fw);
|
|
|
|
|
|
// var
|
|
|
// dimension du navigateur
|
|
|
-var Fw = $(window).outerWidth(true);
|
|
|
-var Fh = $(window).outerHeight(true);
|
|
|
+ var Fw = $(window).outerWidth(true);
|
|
|
+ var Fh = $(window).outerHeight(true);
|
|
|
+ array_Fw.push(Fw);
|
|
|
+ array_Fh.push(Fh);
|
|
|
// console.log("Fw",Fw);
|
|
|
// console.log("Fh",Fh);
|
|
|
|
|
|
+
|
|
|
+function resize() {
|
|
|
+ $(window).resize(function() {
|
|
|
+ array_Fw.pop();
|
|
|
+ array_Fh.pop();
|
|
|
+ var Fw = $(window).outerWidth(true);
|
|
|
+ var Fh = $(window).outerHeight(true);
|
|
|
+ array_Fw.push(Fw);
|
|
|
+ array_Fh.push(Fh);
|
|
|
+ // console.log('array_Fw',array_Fw[0]);
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
// dimension des div
|
|
|
var $section = $("section > div")
|
|
|
console.log("$section", $section);
|
|
|
@@ -119,169 +137,171 @@ function scrollto() {
|
|
|
|
|
|
// Click yes
|
|
|
$(array_Y[0]).click(function(){
|
|
|
- var x = array_Sx[1] - ((Fw/2) - (array_Sw[1]/2));
|
|
|
- var y = array_Sy[1] - ((Fh/2) - (array_Sh[1]/2));
|
|
|
+ var x = array_Sx[1] - ((array_Fw[0]/2) - (array_Sw[1]/2));
|
|
|
+ var y = array_Sy[1] - ((array_Fh[0]/2) - (array_Sh[1]/2));
|
|
|
$(window).scrollTo({top:y, left:x },800);
|
|
|
+ console.log('x',x);
|
|
|
});
|
|
|
|
|
|
$(array_Y[1]).click(function(){
|
|
|
- var x1 = array_Sx[2] - ((Fw/2) - (array_Sw[2]/2));
|
|
|
- var y1 = array_Sy[2] - ((Fh/2) - (array_Sh[2]/2));
|
|
|
+ var x1 = array_Sx[2] - ((array_Fw[0]/2) - (array_Sw[2]/2));
|
|
|
+ var y1 = array_Sy[2] - ((array_Fh[0]/2) - (array_Sh[2]/2));
|
|
|
$(window).scrollTo({top:y1, left:x1}, 800);
|
|
|
});
|
|
|
|
|
|
$(array_Y[2]).click(function(){
|
|
|
- var x1 = array_Sx[6] - ((Fw/2) - (array_Sw[6]/2));
|
|
|
- var y1 = array_Sy[6] - ((Fh/2) - (array_Sh[6]/2));
|
|
|
+ var x1 = array_Sx[6] - ((array_Fw[0]/2) - (array_Sw[6]/2));
|
|
|
+ var y1 = array_Sy[6] - ((array_Fh[0]/2) - (array_Sh[6]/2));
|
|
|
$(window).scrollTo({top:y1, left:x1}, 800);
|
|
|
});
|
|
|
|
|
|
$(array_Y[3]).click(function(){
|
|
|
- var x1 = array_Sx[7] - ((Fw/2) - (array_Sw[7]/2));
|
|
|
- var y1 = array_Sy[7] - ((Fh/2) - (array_Sh[7]/2));
|
|
|
+ var x1 = array_Sx[7] - ((array_Fw[0]/2) - (array_Sw[7]/2));
|
|
|
+ var y1 = array_Sy[7] - ((array_Fh[0]/2) - (array_Sh[7]/2));
|
|
|
$(window).scrollTo({top:y1, left:x1}, 800);
|
|
|
});
|
|
|
|
|
|
$(array_Y[4]).click(function(){
|
|
|
- var x1 = array_Sx[10] - ((Fw/2) - (array_Sw[10]/2));
|
|
|
- var y1 = array_Sy[10] - ((Fh/2) - (array_Sh[10]/2));
|
|
|
+ var x1 = array_Sx[10] - ((array_Fw[0]/2) - (array_Sw[10]/2));
|
|
|
+ var y1 = array_Sy[10] - ((array_Fh[0]/2) - (array_Sh[10]/2));
|
|
|
$(window).scrollTo({top:y1, left:x1}, 800);
|
|
|
});
|
|
|
|
|
|
$(array_Y[5]).click(function(){
|
|
|
- var x1 = array_Sx[11] - ((Fw/2) - (array_Sw[11]/2));
|
|
|
- var y1 = array_Sy[11] - ((Fh/2) - (array_Sh[11]/2));
|
|
|
+ var x1 = array_Sx[11] - ((array_Fw[0]/2) - (array_Sw[11]/2));
|
|
|
+ var y1 = array_Sy[11] - ((array_Fh[0]/2) - (array_Sh[11]/2));
|
|
|
$(window).scrollTo({top:y1, left:x1}, 800);
|
|
|
});
|
|
|
|
|
|
$(array_Y[6]).click(function(){
|
|
|
- var x1 = array_Sx[16] - ((Fw/2) - (array_Sw[16]/2));
|
|
|
- var y1 = array_Sy[16] - ((Fh/2) - (array_Sh[16]/2));
|
|
|
+ var x1 = array_Sx[16] - ((array_Fw[0]/2) - (array_Sw[16]/2));
|
|
|
+ var y1 = array_Sy[16] - ((array_Fh[0]/2) - (array_Sh[16]/2));
|
|
|
$(window).scrollTo({top:y1, left:x1}, 800);
|
|
|
});
|
|
|
|
|
|
$(array_Y[7]).click(function(){
|
|
|
- var x1 = array_Sx[15] - ((Fw/2) - (array_Sw[15]/2));
|
|
|
- var y1 = array_Sy[15] - ((Fh/2) - (array_Sh[15]/2));
|
|
|
+ var x1 = array_Sx[15] - ((array_Fw[0]/2) - (array_Sw[15]/2));
|
|
|
+ var y1 = array_Sy[15] - ((array_Fh[0]/2) - (array_Sh[15]/2));
|
|
|
$(window).scrollTo({top:y1, left:x1}, 800);
|
|
|
});
|
|
|
|
|
|
$(array_Y[8]).click(function(){
|
|
|
- var x1 = array_Sx[16] - ((Fw/2) - (array_Sw[16]/2));
|
|
|
- var y1 = array_Sy[16] - ((Fh/2) - (array_Sh[16]/2));
|
|
|
+ var x1 = array_Sx[16] - ((array_Fw[0]/2) - (array_Sw[16]/2));
|
|
|
+ var y1 = array_Sy[16] - ((array_Fh[0]/2) - (array_Sh[16]/2));
|
|
|
$(window).scrollTo({top:y1, left:x1}, 800);
|
|
|
});
|
|
|
|
|
|
// click Non
|
|
|
$(array_N[0]).click(function(){
|
|
|
- var x = array_Sx[16] - ((Fw/2) - (array_Sw[16]/2));
|
|
|
- var y = array_Sy[16] - ((Fh/2) - (array_Sh[16]/2));
|
|
|
+ var x = array_Sx[16] - ((array_Fw[0]/2) - (array_Sw[16]/2));
|
|
|
+ var y = array_Sy[16] - ((array_Fh[0]/2) - (array_Sh[16]/2));
|
|
|
$(window).scrollTo({top:y, left:x}, 800);
|
|
|
});
|
|
|
|
|
|
$(array_N[1]).click(function(){
|
|
|
- var x1 = array_Sx[3] - ((Fw/2) - (array_Sw[3]/2));
|
|
|
- var y1 = array_Sy[3] - ((Fh/2) - (array_Sh[3]/2));
|
|
|
+ var x1 = array_Sx[3] - ((array_Fw[0]/2) - (array_Sw[3]/2));
|
|
|
+ var y1 = array_Sy[3] - ((array_Fh[0]/2) - (array_Sh[3]/2));
|
|
|
$(window).scrollTo({top:y1, left:x1}, 800);
|
|
|
});
|
|
|
|
|
|
$(array_N[2]).click(function(){
|
|
|
- var x1 = array_Sx[5] - ((Fw/2) - (array_Sw[5]/2));
|
|
|
- var y1 = array_Sy[5] - ((Fh/2) - (array_Sh[5]/2));
|
|
|
+ var x1 = array_Sx[5] - ((array_Fw[0]/2) - (array_Sw[5]/2));
|
|
|
+ var y1 = array_Sy[5] - ((array_Fh[0]/2) - (array_Sh[5]/2));
|
|
|
$(window).scrollTo({top:y1, left:x1}, 800);
|
|
|
});
|
|
|
|
|
|
$(array_N[3]).click(function(){
|
|
|
- var x1 = array_Sx[8] - ((Fw/2) - (array_Sw[8]/2));
|
|
|
- var y1 = array_Sy[8] - ((Fh/2) - (array_Sh[8]/2));
|
|
|
+ var x1 = array_Sx[8] - ((array_Fw[0]/2) - (array_Sw[8]/2));
|
|
|
+ var y1 = array_Sy[8] - ((array_Fh[0]/2) - (array_Sh[8]/2));
|
|
|
$(window).scrollTo({top:y1, left:x1}, 800);
|
|
|
});
|
|
|
|
|
|
$(array_N[4]).click(function(){
|
|
|
- var x1 = array_Sx[9] - ((Fw/2) - (array_Sw[9]/2));
|
|
|
- var y1 = array_Sy[9] - ((Fh/2) - (array_Sh[9]/2));
|
|
|
+ var x1 = array_Sx[9] - ((array_Fw[0]/2) - (array_Sw[9]/2));
|
|
|
+ var y1 = array_Sy[9] - ((array_Fh[0]/2) - (array_Sh[9]/2));
|
|
|
$(window).scrollTo({top:y1, left:x1}, 800);
|
|
|
});
|
|
|
|
|
|
$(array_N[5]).click(function(){
|
|
|
- var x1 = array_Sx[12] - ((Fw/2) - (array_Sw[12]/2));
|
|
|
- var y1 = array_Sy[12] - ((Fh/2) - (array_Sh[12]/2));
|
|
|
+ var x1 = array_Sx[12] - ((array_Fw[0]/2) - (array_Sw[12]/2));
|
|
|
+ var y1 = array_Sy[12] - ((array_Fh[0]/2) - (array_Sh[12]/2));
|
|
|
$(window).scrollTo({top:y1, left:x1}, 800);
|
|
|
});
|
|
|
|
|
|
$(array_N[6]).click(function(){
|
|
|
- var x1 = array_Sx[14] - ((Fw/2) - (array_Sw[14]/2));
|
|
|
- var y1 = array_Sy[14] - ((Fh/2) - (array_Sh[14]/2));
|
|
|
+ var x1 = array_Sx[14] - ((array_Fw[0]/2) - (array_Sw[14]/2));
|
|
|
+ var y1 = array_Sy[14] - ((array_Fh[0]/2) - (array_Sh[14]/2));
|
|
|
$(window).scrollTo({top:y1, left:x1}, 800);
|
|
|
});
|
|
|
|
|
|
$(array_N[7]).click(function(){
|
|
|
- var x1 = array_Sx[13] - ((Fw/2) - (array_Sw[13]/2));
|
|
|
- var y1 = array_Sy[13] - ((Fh/2) - (array_Sh[13]/2));
|
|
|
+ var x1 = array_Sx[13] - ((array_Fw[0]/2) - (array_Sw[13]/2));
|
|
|
+ var y1 = array_Sy[13] - ((array_Fh[0]/2) - (array_Sh[13]/2));
|
|
|
$(window).scrollTo({top:y1, left:x1}, 800);
|
|
|
});
|
|
|
|
|
|
$(array_N[8]).click(function(){
|
|
|
- var x1 = array_Sx[14] - ((Fw/2) - (array_Sw[14]/2));
|
|
|
- var y1 = array_Sy[14] - ((Fh/2) - (array_Sh[14]/2));
|
|
|
+ var x1 = array_Sx[14] - ((array_Fw[0]/2) - (array_Sw[14]/2));
|
|
|
+ var y1 = array_Sy[14] - ((array_Fh[0]/2) - (array_Sh[14]/2));
|
|
|
$(window).scrollTo({top:y1, left:x1}, 800);
|
|
|
});
|
|
|
|
|
|
|
|
|
// click next
|
|
|
$(array_Nxt[0]).click(function(){
|
|
|
- var x = array_Sx[4] - ((Fw/2) - (array_Sw[4]/2));
|
|
|
- var y = array_Sy[4] - ((Fh/2) - (array_Sh[4]/2));
|
|
|
+ var x = array_Sx[4] - ((array_Fw[0]/2) - (array_Sw[4]/2));
|
|
|
+ var y = array_Sy[4] - ((array_Fh[0]/2) - (array_Sh[4]/2));
|
|
|
$(window).scrollTo({top:y, left:x },800);
|
|
|
});
|
|
|
|
|
|
$(array_Nxt[1]).click(function(){
|
|
|
- var x = array_Sx[4] - ((Fw/2) - (array_Sw[4]/2));
|
|
|
- var y = array_Sy[4] - ((Fh/2) - (array_Sh[4]/2));
|
|
|
+ var x = array_Sx[4] - ((array_Fw[0]/2) - (array_Sw[4]/2));
|
|
|
+ var y = array_Sy[4] - ((array_Fh[0]/2) - (array_Sh[4]/2));
|
|
|
$(window).scrollTo({top:y, left:x },800);
|
|
|
});
|
|
|
|
|
|
$(array_Nxt[2]).click(function(){
|
|
|
- var x = array_Sx[4] - ((Fw/2) - (array_Sw[4]/2));
|
|
|
- var y = array_Sy[4] - ((Fh/2) - (array_Sh[4]/2));
|
|
|
+ var x = array_Sx[4] - ((array_Fw[0]/2) - (array_Sw[4]/2));
|
|
|
+ var y = array_Sy[4] - ((array_Fh[0]/2) - (array_Sh[4]/2));
|
|
|
$(window).scrollTo({top:y, left:x },800);
|
|
|
});
|
|
|
|
|
|
$(array_Nxt[3]).click(function(){
|
|
|
- var x = array_Sx[16] - ((Fw/2) - (array_Sw[16]/2));
|
|
|
- var y = array_Sy[16] - ((Fh/2) - (array_Sh[16]/2));
|
|
|
+ var x = array_Sx[16] - ((array_Fw[0]/2) - (array_Sw[16]/2));
|
|
|
+ var y = array_Sy[16] - ((array_Fh[0]/2) - (array_Sh[16]/2));
|
|
|
$(window).scrollTo({top:y, left:x },800);
|
|
|
});
|
|
|
|
|
|
$(array_Nxt[4]).click(function(){
|
|
|
- var x = array_Sx[10] - ((Fw/2) - (array_Sw[10]/2));
|
|
|
- var y = array_Sy[10] - ((Fh/2) - (array_Sh[10]/2));
|
|
|
+ var x = array_Sx[10] - ((array_Fw[0]/2) - (array_Sw[10]/2));
|
|
|
+ var y = array_Sy[10] - ((array_Fh[0]/2) - (array_Sh[10]/2));
|
|
|
$(window).scrollTo({top:y, left:x },800);
|
|
|
});
|
|
|
|
|
|
$(array_Nxt[5]).click(function(){
|
|
|
- var x = array_Sx[12] - ((Fw/2) - (array_Sw[12]/2));
|
|
|
- var y = array_Sy[12] - ((Fh/2) - (array_Sh[12]/2));
|
|
|
+ var x = array_Sx[12] - ((array_Fw[0]/2) - (array_Sw[12]/2));
|
|
|
+ var y = array_Sy[12] - ((array_Fh[0]/2) - (array_Sh[12]/2));
|
|
|
$(window).scrollTo({top:y, left:x },800);
|
|
|
});
|
|
|
|
|
|
$(array_Nxt[6]).click(function(){
|
|
|
- var x = array_Sx[15] - ((Fw/2) - (array_Sw[15]/2));
|
|
|
- var y = array_Sy[15] - ((Fh/2) - (array_Sh[15]/2));
|
|
|
+ var x = array_Sx[15] - ((array_Fw[0]/2) - (array_Sw[15]/2));
|
|
|
+ var y = array_Sy[15] - ((array_Fh[0]/2) - (array_Sh[15]/2));
|
|
|
$(window).scrollTo({top:y, left:x },800);
|
|
|
});
|
|
|
|
|
|
// click next2
|
|
|
$(array_Nxt2[0]).click(function(){
|
|
|
- var x = array_Sx[11] - ((Fw/2) - (array_Sw[11]/2));
|
|
|
- var y = array_Sy[11] - ((Fh/2) - (array_Sh[11]/2));
|
|
|
+ var x = array_Sx[11] - ((array_Fw[0]/2) - (array_Sw[11]/2));
|
|
|
+ var y = array_Sy[11] - ((array_Fh[0]/2) - (array_Sh[11]/2));
|
|
|
$(window).scrollTo({top:y, left:x },800);
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
jQuery(document).ready(function($) {
|
|
|
- disable_zoom();
|
|
|
+ // disable_zoom();
|
|
|
+ resize();
|
|
|
grab();
|
|
|
initStart();
|
|
|
scrollto();
|
