Fanybox画廊在hover时停止自动播放

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

Answer 1

您可以使用$.fancybox.play()方法在afterShow回调中切换鼠标hover的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选择器，因为您可能正在hover导航箭头区域，这不会停止幻灯片放映。

请参阅JSFIDDLE

注意 ：这适用于fancybox v2.x