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

时间:2019-06-17 09:20:14

标签: jquery button colorbox next

我正在尝试从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文件的末尾添加以下代码来删除next和prev按钮的样式属性时:

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

或:

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

同样,它再次删除了关闭按钮(cboxClose)和用于显示照片的样式以及下一个和上一个按钮。

任何指导将不胜感激。

1 个答案:

答案 0 :(得分:0)

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

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

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