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

时间:2019-03-11 18:04:02

标签: mobile fancybox

我大部分时间都在此上度过,却一无所获。在移动手机上,画廊显示为带有导航箭头的图像。这些操作不是必需的,因为启用了滑动功能会破坏图像的外观。

我只需要隐藏移动箭头,是否有推荐的方法?这似乎是一件常见的事情,但我找不到网上最新的东西。

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

1 个答案:

答案 0 :(得分:0)

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

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