Question

我有一个猫头鹰轮播滑块设置来显示网站的赞助商徽标。它目前具有指向滑块内每个图像的外部页面的链接。单击链接（在新选项卡中打开）时，滑块停止旋转。有一种方法让滑块在用户跟踪链接后继续旋转然后返回到选项卡？

HTML：

<div id="partners">
    <div style="text-align:center;">
        <p> <a href="https://google.com" target="_blank">
        <img src="http://placehold.it/300" /></a>
        </p>
        <h5>
        Platinum Sponsor
        </h5>
    </div>
... 
</div>

JavaScript的：

$(document).ready(function() {
    $('#partners').owlCarousel({
        items: 4,
        autoPlay: true,
        loop: true,
        stopOnHover : false
    });
});

的jsfiddle： https://jsfiddle.net/x1x10nz1/6/

Answer 1

技术答案不多，但更多的是建议/答案：

我认为不要在悬停时停止滑块是一个很好的用户界面 用户想要点击某个项目但是嘿！巴姆！我们滑了！ yey！的。
因此，只需使用：stopOnHover : true，它将全部开箱即用点击，返回并查看滑块...再次自动滑动。

Owl Carousel在跟随链接后停止旋转

1 个答案: