Colorbox - 删除下一个和上一个按钮答案

【问题标题】：Colorbox - Removing Next & Prev ButtonsColorbox - 删除下一个和上一个按钮
【发布时间】：2019-10-30 20:55:37
【问题描述】：

我正在尝试从 cboxOverlay 中删除下一个和上一个按钮。我只想显示关闭按钮 (cboxClose) 和显示照片的样式。

我已尝试应用this earlier thread 中提到的建议，但均未成功。顺便说一句，我已经安装了 Colorbox 1.6.4，该线程来自 2013 年。

通过设置 rel: 'nofollow' 禁用分组会删除关闭按钮 (cboxClose) 和样式以显示照片以及下一个和上一个按钮 - 这不是我想要的。加上代码行$(".group1").colorbox({rel:'group1'}); 似乎不再存在。

我可以看到内联属性 style="inline-block" 已添加到 cboxNext 和 cboxPrev 按钮 ID，使用浏览器开发人员工具取消选中该属性实际上会根据需要删除按钮。但是，当我尝试通过将以下代码添加到 jquery-colorbox.js 文件的末尾来删除下一个和上一个按钮的样式属性时：

if document.getElementById('next' || 'prev') {
    .removeAttr("style")
};

或：

if document.getElementsByTagName('button') && document.getElementById('next' || 'prev') {
    .removeAttr("style")
};

同样，再次删除关闭按钮 (cboxClose) 和样式以显示照片以及下一个和上一个按钮。

任何指导将不胜感激。

【问题讨论】：

标签： jquery button colorbox next

【解决方案1】：

我发现解决方案是简单地在 colorbox.css 文件中注释掉以下 4 行：

    /*
    #cboxPrevious{position:absolute; ... }
    #cboxPrevious:after{ ... }
    #cboxNext{position:absolute; ... }
    #cboxNext:after{ ... }
     */

这样做会保留关闭按钮 (cboxClose) 和样式以根据需要显示照片，同时删除下一个和上一个按钮。

【讨论】：