Advertisement
Guest User

Untitled

a guest
Apr 7th, 2020
224
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
DIV 5.76 KB | None | 0 0
  1.     $('#navegue').before("<div class='msg_wrapper container'></div>");
  2.     //advertiseHandler.GLOBALS.features.allow.push('https');
  3.     advertiseHandler.init(cssClass,
  4.         slotIds, pageId, formatId, [iTypes.N,iTypes.N,iTypes.N,
  5.             iTypes.N, iTypes.N, iTypes.N, iTypes.N, iTypes.N, iTypes.Z, iTypes.N, iTypes.N, iTypes.N, iTypes.N, iTypes.N,
  6.             iTypes.N, iTypes.N, iTypes.N, iTypes.N, iTypes.N,iTypes.N],
  7.         messages,
  8.         msgDisplayWrapperClass);
  9.     setTimeout(FUNCTION(){
  10.         var slider = document.getElementById('slider');
  11.         sliderItems = document.getElementById('items');
  12.         prev = document.getElementById('prev');
  13.         next = document.getElementById('next');
  14.         var leftSize = 174;
  15.         var OFFSET = 10;
  16.         slide(slider, sliderItems, prev, next);
  17.         FUNCTION slide(wrapper, items) {
  18.             var posX1 = 0,
  19.                 posX2 = 0,
  20.                 posInitial,
  21.                 posFinal,
  22.                 threshold = 25,
  23.                 slides = items.getElementsByClassName('slide'),
  24.                 slidesLength = slides.length,
  25.                 slideSize = items.getElementsByClassName('slide')[0].offsetWidth,
  26.                 firstSlide = slides[0],
  27.                 secondSlide = slides[1],
  28.                 thirdSlide = slides[2],
  29.                 lastSlide = slides[slidesLength - 1],
  30.                 secondToLast = slides[slidesLength - 2],
  31.                 thirdToLast = slides[slidesLength - 3],
  32.                 cloneFirst = firstSlide.cloneNode(true),
  33.                 cloneSecond = secondSlide.cloneNode(true),
  34.                 cloneThird = thirdSlide.cloneNode(true),
  35.                 cloneLast = lastSlide.cloneNode(true),
  36.                 cloneSecondToLast = secondToLast.cloneNode(true),
  37.                 cloneThirdToLast = thirdToLast.cloneNode(true),
  38.                 index = 0,
  39.                 allowShift = true;
  40.             items.appendChild(cloneFirst);
  41.             items.appendChild(cloneSecond);
  42.             items.appendChild(cloneThird);
  43.             items.insertBefore(cloneThirdToLast, firstSlide);
  44.             items.insertBefore(cloneSecondToLast, firstSlide);
  45.             items.insertBefore(cloneLast, firstSlide);
  46.                
  47.             items.onmousedown = dragStart;
  48.             items.addEventListener('touchstart', dragStart);
  49.             items.addEventListener('touchend', dragEnd);
  50.             items.addEventListener('touchmove', dragAction);
  51.                
  52.             items.addEventListener('transitionend', checkIndex);
  53.                
  54.             FUNCTION dragStart (e) {
  55.                 e = e || window.event;
  56.                 //e.preventDefault();
  57.                 posInitial = items.offsetLeft;
  58.                
  59.                 IF (e.TYPE == 'touchstart') {
  60.                 posX1 = e.touches[0].clientX;
  61.                 } ELSE {
  62.                 posX1 = e.clientX;
  63.                 document.onmouseup = dragEnd;
  64.                 document.onmousemove = dragAction;
  65.                 }
  66.             }
  67.             FUNCTION dragAction (e) {
  68.                 e = e || window.event;
  69.                
  70.                 IF (e.TYPE == 'touchmove') {
  71.                 posX2 = posX1 - e.touches[0].clientX;
  72.                 posX1 = e.touches[0].clientX;
  73.                 } ELSE {
  74.                 posX2 = posX1 - e.clientX;
  75.                 posX1 = e.clientX;
  76.                 }
  77.                 items.style.left = (items.offsetLeft - posX2) + "px";
  78.             }
  79.                
  80.             FUNCTION dragEnd (e) {
  81.                 posFinal = items.offsetLeft;
  82.                 IF (posFinal - posInitial < -threshold) {
  83.                 shiftSlide(1, 'drag');
  84.                 } ELSE IF (posFinal - posInitial > threshold) {
  85.                 shiftSlide(-1, 'drag');
  86.                 } ELSE {
  87.                 items.style.left = (posInitial) + "px";
  88.                 }
  89.                 document.onmouseup = null;
  90.                 document.onmousemove = null;
  91.             }
  92.                
  93.             FUNCTION shiftSlide(dir, action) {
  94.                 items.classList.add('shifting');
  95.                 IF (allowShift) {
  96.                 IF (!action) { posInitial = items.offsetLeft; }
  97.                 IF (dir == 1) {
  98.                     items.style.left = (posInitial - slideSize - OFFSET) + "px";
  99.                     index++;      
  100.                 } ELSE IF (dir == -1) {
  101.                     items.style.left = (posInitial + slideSize + OFFSET) + "px";
  102.                     index--;      
  103.                 }
  104.                 };
  105.                    
  106.                 allowShift = false;
  107.             }
  108.                
  109.             FUNCTION checkIndex (){
  110.                 items.classList.remove('shifting');
  111.                 IF (index == -1) {
  112.                     items.style.left = -(slidesLength * (slideSize)) - leftSize + "px";
  113.                     index = slidesLength - 1;
  114.                 }
  115.                 IF (index == slidesLength) {
  116.                     items.style.left = -(1 * (slideSize + turnCarousel)) + "px";
  117.                     index = 0;
  118.                 }
  119.                
  120.                 allowShift = true;
  121.             }
  122.         }
  123.         FUNCTION mediaQuery(valueMediaQuery) {
  124.             IF (valueMediaQuery.matches) {
  125.                 leftSize = 314; //+- |#items.left| - 3*offset - offset/2
  126.                 OFFSET = 10;
  127.                 turnCarousel = 254; // |#items.left| - slide__size.width
  128.             } ELSE {
  129.                 leftSize = 565; //+- |#items.left| - 3*offset - offset/2
  130.                 OFFSET = 20;
  131.                 turnCarousel = 445; // |#items.left| - slide__size.width
  132.             }
  133.         }
  134.         var breakpoint = window.matchMedia("(max-width: 499px)");
  135.         mediaQuery(breakpoint);
  136.         breakpoint.addListener(mediaQuery);
  137.     }, 2000);
  138. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement