123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308 |
- // 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);
- 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);
- for (var i = 0; i < $section.length; i++) {
- var Sw = $section[i].offsetWidth
- var Sh = $section[i].offsetHeight
- // console.log("Sw",Sw);
- // console.log("Sh",Sh);
- array_Sw.push(Sw);
- array_Sh.push(Sh);
- // position des div
- var Sx = $section[i].offsetLeft
- var Sy = $section[i].offsetTop
- // console.log("Sx",Sx);
- // console.log("Sy",Sy);
- array_Sx.push(Sx);
- array_Sy.push(Sy);
- }
- function grab() {
- $("body").mouseup(function(){
- $("body").css( "cursor","grab");
- }).mousedown(function(){
- $("body").css( "cursor","grabbing");
- });
- }
- function initStart() {
- var Start = $('#start').offset()
- $(window).animate({ scrollTop: Start.top - ((Fh/2) - (663.333 / 2))}, 0);
- $(window).animate({ scrollLeft: Start.left - ((Fw/2) - (659.633 / 2)) }, 0);
- }
- function scrollto() {
- array_Y = [];
- array_N = [];
- array_Nxt = [];
- array_Nxt2 = [];
- var $y = $("section > div #y")
- var $n = $("section > div #n")
- var $nxt = $("section > div #next")
- var $nxt2 = $("section > div #next2")
- for (var i = 0; i < $y.length; i++) {
- var Sy = $y[i]
- array_Y.push(Sy);
- }
- for (var i = 0; i < $n.length; i++) {
- var Sn = $n[i]
- array_N.push(Sn);
- }
- for (var i = 0; i < $nxt.length; i++) {
- var Snxt = $nxt[i]
- array_Nxt.push(Snxt);
- }
- for (var i = 0; i < $nxt2.length; i++) {
- var Snxt2 = $nxt2[i]
- array_Nxt2.push(Snxt2);
- }
- console.log("array_Y", array_Y);
- console.log("array_N", array_N);
- console.log("array_Nxt", array_Nxt);
- console.log("array_Nxt2", array_Nxt2);
- // Click yes
- $(array_Y[0]).click(function(){
- 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] - ((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] - ((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] - ((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] - ((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] - ((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] - ((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] - ((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] - ((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] - ((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] - ((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] - ((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] - ((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] - ((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] - ((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] - ((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] - ((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] - ((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] - ((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] - ((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] - ((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] - ((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] - ((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] - ((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] - ((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] - ((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();
- resize();
- grab();
- initStart();
- scrollto();
- });
|