Skip to main content
se añadieron 116 caracteres en el cuerpo
Origen Enlace
Jheyman Mejia
  • 3.9k
  • 3
  • 26
  • 53

el problema viene dado por la propiedad TouchDrag de OwlCarousel, espero te funcione el siguiente código.

$('.home-slider').owlCarousel({ loop:true, autoplay: true, margin:0, animateOut: 'fadeOut', animateIn: 'fadeIn', nav:false, autoplayHoverPause: false, items: 1, navText : ["",""], mouseDrag: true, touchDrag: false, responsive: { 0: { items: 1, mouseDrag: false, touchDrag: true }, 600: { items: 1, mouseDrag: false, touchDrag: true }, 1000: { items: 1 } } });

$('.home-slider').owlCarousel({
    loop:true,
    autoplay: true,
    margin:0,
    animateOut: 'fadeOut',
    animateIn: 'fadeIn',
    nav:false,
    autoplayHoverPause: false,
    items: 1,
    navText : ["<span class='ion-md-arrow-back'></span>","<span class='ion-chevron-right'></span>"],
        mouseDrag: true,
        touchDrag: false,
        responsive: {
          0: {
            items: 1,
            mouseDrag: false,
            touchDrag: true
          },
          600: {
            items: 1,
            mouseDrag: false,
            touchDrag: true
          },
          1000: {
            items: 1
          }
        }
      });

el problema viene dado por la propiedad TouchDrag de OwlCarousel, espero te funcione el siguiente código.

$('.home-slider').owlCarousel({ loop:true, autoplay: true, margin:0, animateOut: 'fadeOut', animateIn: 'fadeIn', nav:false, autoplayHoverPause: false, items: 1, navText : ["",""], mouseDrag: true, touchDrag: false, responsive: { 0: { items: 1, mouseDrag: false, touchDrag: true }, 600: { items: 1, mouseDrag: false, touchDrag: true }, 1000: { items: 1 } } });

el problema viene dado por la propiedad TouchDrag de OwlCarousel, espero te funcione el siguiente código.

$('.home-slider').owlCarousel({
    loop:true,
    autoplay: true,
    margin:0,
    animateOut: 'fadeOut',
    animateIn: 'fadeIn',
    nav:false,
    autoplayHoverPause: false,
    items: 1,
    navText : ["<span class='ion-md-arrow-back'></span>","<span class='ion-chevron-right'></span>"],
        mouseDrag: true,
        touchDrag: false,
        responsive: {
          0: {
            items: 1,
            mouseDrag: false,
            touchDrag: true
          },
          600: {
            items: 1,
            mouseDrag: false,
            touchDrag: true
          },
          1000: {
            items: 1
          }
        }
      });
Origen Enlace

el problema viene dado por la propiedad TouchDrag de OwlCarousel, espero te funcione el siguiente código.

$('.home-slider').owlCarousel({ loop:true, autoplay: true, margin:0, animateOut: 'fadeOut', animateIn: 'fadeIn', nav:false, autoplayHoverPause: false, items: 1, navText : ["",""], mouseDrag: true, touchDrag: false, responsive: { 0: { items: 1, mouseDrag: false, touchDrag: true }, 600: { items: 1, mouseDrag: false, touchDrag: true }, 1000: { items: 1 } } });