首页 > 解决方案 > Fancybox 删除第一个或最后一个图像上的上一个和最后一个按钮

问题描述

在 Fancybox2 中,它似乎禁用了循环功能,也禁用了第一个图像上的上一个按钮和最后一个图像上的下一个按钮。
在 Fancybox3 中不起作用。我现在正在搜索几个小时,但什么也没找到(好的,论坛中的一个条目,但这只会让我感到困惑)。
开发人员说我们应该在 Stackoverflow 上询问。有人知道我可以做些什么来使这些箭头消失并重新出现在正确的位置吗?

标签: fancyboxfancybox-3

解决方案


只需使用 CSS 隐藏禁用的按钮:

.fancybox-navigation .fancybox-button[disabled] {
  display: none;
}

https://codepen.io/anon/pen/ZNyEVB

编辑:默认情况下它们不隐藏的原因是当用户点击速度足够快并且没有注意到他已经到达最后一张图片时,下一次点击将在背景上,这将关闭图库。这可能很烦人。


推荐阅读