如何隐藏手机上的fancybox导航箭头

Question

我花了一天的大部分时间在这上面，却一无所获。在手机上，画廊显示为在图像上叠加导航箭头。这些不是必需的，因为启用了滑动会破坏图像的外观。

我只需要为移动设备隐藏箭头，有推荐的方法吗？这似乎是人们可能想做的一件常见的事情，但我在网络上找不到任何最新的东西。

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

Answer 1

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

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