Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- $('#navegue').before("<div class='msg_wrapper container'></div>");
- //advertiseHandler.GLOBALS.features.allow.push('https');
- advertiseHandler.init(cssClass,
- slotIds, pageId, formatId, [iTypes.N,iTypes.N,iTypes.N,
- iTypes.N, iTypes.N, iTypes.N, iTypes.N, iTypes.N, iTypes.Z, iTypes.N, iTypes.N, iTypes.N, iTypes.N, iTypes.N,
- iTypes.N, iTypes.N, iTypes.N, iTypes.N, iTypes.N,iTypes.N],
- messages,
- msgDisplayWrapperClass);
- setTimeout(FUNCTION(){
- var slider = document.getElementById('slider');
- sliderItems = document.getElementById('items');
- prev = document.getElementById('prev');
- next = document.getElementById('next');
- var leftSize = 174;
- var OFFSET = 10;
- slide(slider, sliderItems, prev, next);
- FUNCTION slide(wrapper, items) {
- var posX1 = 0,
- posX2 = 0,
- posInitial,
- posFinal,
- threshold = 25,
- slides = items.getElementsByClassName('slide'),
- slidesLength = slides.length,
- slideSize = items.getElementsByClassName('slide')[0].offsetWidth,
- firstSlide = slides[0],
- secondSlide = slides[1],
- thirdSlide = slides[2],
- lastSlide = slides[slidesLength - 1],
- secondToLast = slides[slidesLength - 2],
- thirdToLast = slides[slidesLength - 3],
- cloneFirst = firstSlide.cloneNode(true),
- cloneSecond = secondSlide.cloneNode(true),
- cloneThird = thirdSlide.cloneNode(true),
- cloneLast = lastSlide.cloneNode(true),
- cloneSecondToLast = secondToLast.cloneNode(true),
- cloneThirdToLast = thirdToLast.cloneNode(true),
- index = 0,
- allowShift = true;
- items.appendChild(cloneFirst);
- items.appendChild(cloneSecond);
- items.appendChild(cloneThird);
- items.insertBefore(cloneThirdToLast, firstSlide);
- items.insertBefore(cloneSecondToLast, firstSlide);
- items.insertBefore(cloneLast, firstSlide);
- items.onmousedown = dragStart;
- items.addEventListener('touchstart', dragStart);
- items.addEventListener('touchend', dragEnd);
- items.addEventListener('touchmove', dragAction);
- items.addEventListener('transitionend', checkIndex);
- FUNCTION dragStart (e) {
- e = e || window.event;
- //e.preventDefault();
- posInitial = items.offsetLeft;
- IF (e.TYPE == 'touchstart') {
- posX1 = e.touches[0].clientX;
- } ELSE {
- posX1 = e.clientX;
- document.onmouseup = dragEnd;
- document.onmousemove = dragAction;
- }
- }
- FUNCTION dragAction (e) {
- e = e || window.event;
- IF (e.TYPE == 'touchmove') {
- posX2 = posX1 - e.touches[0].clientX;
- posX1 = e.touches[0].clientX;
- } ELSE {
- posX2 = posX1 - e.clientX;
- posX1 = e.clientX;
- }
- items.style.left = (items.offsetLeft - posX2) + "px";
- }
- FUNCTION dragEnd (e) {
- posFinal = items.offsetLeft;
- IF (posFinal - posInitial < -threshold) {
- shiftSlide(1, 'drag');
- } ELSE IF (posFinal - posInitial > threshold) {
- shiftSlide(-1, 'drag');
- } ELSE {
- items.style.left = (posInitial) + "px";
- }
- document.onmouseup = null;
- document.onmousemove = null;
- }
- FUNCTION shiftSlide(dir, action) {
- items.classList.add('shifting');
- IF (allowShift) {
- IF (!action) { posInitial = items.offsetLeft; }
- IF (dir == 1) {
- items.style.left = (posInitial - slideSize - OFFSET) + "px";
- index++;
- } ELSE IF (dir == -1) {
- items.style.left = (posInitial + slideSize + OFFSET) + "px";
- index--;
- }
- };
- allowShift = false;
- }
- FUNCTION checkIndex (){
- items.classList.remove('shifting');
- IF (index == -1) {
- items.style.left = -(slidesLength * (slideSize)) - leftSize + "px";
- index = slidesLength - 1;
- }
- IF (index == slidesLength) {
- items.style.left = -(1 * (slideSize + turnCarousel)) + "px";
- index = 0;
- }
- allowShift = true;
- }
- }
- FUNCTION mediaQuery(valueMediaQuery) {
- IF (valueMediaQuery.matches) {
- leftSize = 314; //+- |#items.left| - 3*offset - offset/2
- OFFSET = 10;
- turnCarousel = 254; // |#items.left| - slide__size.width
- } ELSE {
- leftSize = 565; //+- |#items.left| - 3*offset - offset/2
- OFFSET = 20;
- turnCarousel = 445; // |#items.left| - slide__size.width
- }
- }
- var breakpoint = window.matchMedia("(max-width: 499px)");
- mediaQuery(breakpoint);
- breakpoint.addListener(mediaQuery);
- }, 2000);
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement