光滑滑块继续滑块但立即停顿

Question

i work for now with slick slider and I have built a continuous slider. The problem is that I need that when I hover in an image, it stops immediately, but I do not get it.

Here ist my code with images(wordpress):

 <?php if ($gallery) : ?>
    <div class="row">
        <div class="autoplay">

            <?php foreach ($gallery as $item) : ?>
                <?php if (!$item['optionen']): ?>
                    <img src="<?php echo $item['bild']['sizes']['large']; ?>"
                         alt="<?php echo $item['alt']; ?>" data-lity>
                <?php else: ?>
                    <a href="<?php echo $item['video']; ?>" data-lity>
                        <img src="<?php echo $item['bild']['sizes']['large']; ?>"
                             alt="<?php echo $item['alt']; ?>"></a>
                <?php endif; ?>

            <?php endforeach; ?>
        </div>
    </div>
<?php endif; ?>

and this is the jquery

 $('.autoplay').slick({
    slidesToShow: 3,
    autoplay: true,
    autoplaySpeed: 1,
    infinite: true,
    speed: 4000,
    focusOnSelect: false,
    pauseOnHover: true,
    arrows: true,
    cssEase: 'linear',
    variableWidth: true,
    centerMode: true,
    responsive: [
        {
            breakpoint: 768,
            settings: {
                cssEase: 'none',
                autoplay: false,
                speed: 0,
                autoplaySpeed: 0,
                arrows: false,
            }
        },
        {
            breakpoint: 480,
            settings: {
                cssEase: 'none',
                autoplay: false,
                speed:0,
                autoplaySpeed: 0,
                arrows: false,
            }
        }
    ]

});

Please, help me. thanks and regards

Answer 1

Remove your speed:4000 parameter that stop's the hover effect