如何隐藏移动设备上的fancybox导航箭头

Question

我大部分时间都在这上面度过，无处可去。在移动手持设备上，将显示图库，并在图像上叠加导航箭头。这些不是必需的，因为启用了滑动并破坏了图像的外观。

我只需要隐藏移动箭头，有没有推荐的方法来做到这一点？这似乎是一个人们可能想做的常见事情，但我无法在网上找到任何最新消息。

我已经尝试了一些js代码来改变库的选项无济于事，并且无法弄清楚如何使用媒体查询来修改css。

Answer 1

有一个选项arrows，您可以使用它来切换导航箭头。您可以自己为移动设备设置它，或者您可以使用方便的mobile选项，如下所示：

$('[data-fancybox="images"]').fancybox({
   mobile : {
       arrows: false
   }
});