He creado un control deslizante con algunos elementos de imagen que se desplaza infinitamente con la reproducción automática. He deshabilitado la pausa al pasar el mouse y quiero evitar que se detenga cada uno de los eventos que provocarían que se detuviera.
Una cosa específica con eso es cuando hago clic en él varias veces, luego se detiene y puedo arrastrarlo. No quiero este comportamiento y creo que he hecho todo lo posible para evitarlo. quiero que sea imparable
Esas son mis configuraciones de Slick Carousel:
$(document).ready(() => { $('.clients-slider').slick({ infinite: false, slidesToShow: 6, slidesToScroll: 1, autoplay: true, speed: 5000, draggable: false, swipe: false, swipeToSlide: false, centerMode: false, arrows: false, dots: false, focusOnSelect: false, accessibility: false, touchMove: false, pauseOnHover: false, pauseOnFocus: false, pauseOnSwipe: false, cssEase: 'linear', responsive: [ { breakpoint: 1366, settings: { slidesToShow: 4 } }, { breakpoint: 768, settings: { slidesToShow: 3 } } ], }); });Aquí está mi código html/php (lo estoy haciendo en wordpress):
<section class="clients" id="clients"> <h2 class="offer-head" style="max-width: 1300px;margin-left:auto;margin-right:auto;"><?php echo $partnerzy; ?></h2> <div class="clients-slider" pause-on-hover="false" draggable="false"> <?php if( have_rows('slajder_partnerzy') ): ?> <?php while( have_rows('slajder_partnerzy') ): the_row(); ?> <img class="clients-slide-single" src="<?php echo get_sub_field('partner_logo'); ?>" alt="logo-client" /> <?php endwhile ?> <?php endif ?> </div>¿Alguien puede relacionarse con esto? Por supuesto, estoy importando correctamente la biblioteca de carrusel jquery y slick.