Fancybox图库在悬停时停止自动播放

Question

如果用户首先点击“下一步”按钮，是否有停止autoPlay的解决方案？或者，如果用户悬停图像，则停止autoPlay

Answer 1

您可以使用$.fancybox.play()方法切换 hover回调中鼠标afterShow上的fancybox（自动）幻灯片，例如：

jQuery(document).ready(function ($) {
    $(".fancybox").fancybox({
        autoPlay: true, // starts slideshow
        afterShow: function () {
            $(".fancybox-outer").on("mouseover", function () {
                $.fancybox.play(false); // stops slideshow
            });
        }
    }); // fancybox
}); // ready

注意我们定位.fancybox-outer选择器，因为您可能悬停导航箭头区域，并且不会停止幻灯片放映。

参见 JSFIDDLE

注意：这适用于fancybox v2.x