%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/www/lacumbrejuriquilla.mx/js/
Upload File :
Create Path :
Current File : /var/www/lacumbrejuriquilla.mx/js/slide.js

var m = {
  p: {
    paginacion: document.querySelectorAll('#paginacion li'),
    item: 0,
    cajaSlide: document.querySelector('#slide ul'),
    imgSlide: document.querySelectorAll('#slide ul li'),
    avanzar: document.querySelector('#slide #avanzar'),
    retroceder: document.querySelector('#slide #retroceder'),
    velocidadSlide: 4000,
    formatearloop: true
  },
  inicioSlide: function () {
    for (var i = 0; i < m.p.paginacion.length; i++) {
      m.p.paginacion[i].addEventListener('click', m.paginacionSlide)
    }
    m.p.avanzar.addEventListener('click', m.avanzar)
    m.p.retroceder.addEventListener('click', m.retroceder)
    m.intervalo()
  },
  paginacionSlide: function (item) {
    m.p.item = (item.target.parantNode.getAttribute('item') - 1)
    m.movimientoSlide(m.p.item)
  },
  avanzar: function () {
    if (m.p.item == (m.p.imgSlide.length / 2) - 1) {
      m.p.item = 0
    } else {
      m.p.item++
    }
    m.movimientoSlide(m.p.item)
  },
  retroceder: function () {
    if (m.p.item == 0) {
      m.p.item = (m.p.imgSlide.length / 2) - 1
    } else {
      m.p.item--
    }
    m.movimientoSlide(m.p.item)
  },
  movimientoSlide: function (item) {
    m.p.cajaSlide.style.left = item * -80 + '%'
    for (var i = 0; i < 3; i++) {
      m.p.paginacion[i].style.opacity = 0.5
    }
    m.p.paginacion[item].style.opacity = 1
    m.p.cajaSlide.style.transition = '0.7s left ease-in-out'
  },
  intervalo: function () {
    setInterval(function () {
      if (m.p.formatearloop) {
        m.p.formatearloop = true
      } else {
        m.avanzar()
      }
    }, m.p.velocidadSlide)
  }
}

m.inicioSlide()

Zerion Mini Shell 1.0