jquery - Fancybox - 将上一个/下一个箭头保留在同一位置

标签 jquery navigation fancybox arrows

我正在使用 Fancybox 作为图片库。

图像的宽度不同,因此箭头根据图像宽度移动(向内或向外)。

我的客户希望箭头保留在一个位置,这样您就可以轻松地单击一组箭头,而无需来回移动来单击。我已经浏览了这里所有的 Fancybox 问题,但没有找到答案。我尝试过更改 CSS,但无法使其正常工作。

画廊是here .

最佳答案

例如,您可以将导航链接的 CSS 位置更改为固定 - http://jsfiddle.net/yJFxS/

.fancybox-nav {
    position: fixed;
    top: 0;
}
.fancybox-nav span {
    visibility: visible;
}

.fancybox-next span {
    right: 40px;
}

.fancybox-prev span {
    left: 40px;
}

关于jquery - Fancybox - 将上一个/下一个箭头保留在同一位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18964605/

相关文章:

javascript - 窗口位置主题标签语法错误未在问号后读取

javascript - 将 JSON 数据保存到数组中

javascript - 将 iFrame 内的 Fancybox 扩展到外部

jquery - fancybox 2和tinymce jquery冲突

jquery - 动态单选按钮作为导航在页面刷新之前不起作用

javascript - 用随机字母/数字替换每个选定的值

navigation - 如何将数据偏移添加到 Bootstrap 4 固定顶部响应式导航栏?

android - 为什么 android jetpack NavigationUI navigateUp 方法仅在您位于导航图的起始目的地时才打开绘图菜单

jquery - 盲人屏幕阅读器可以处理选项卡式浏览吗?

javascript - Fancybox 重复第一张和最后一张图像