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

ddhy6vgd  于 2023-06-05  发布在  jQuery
关注(0)|答案(1)|浏览(249)

我正在尝试从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)和样式,以显示照片以及下一个和上一个按钮。
任何指导将不胜感激。

p5fdfcr1

p5fdfcr11#

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

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

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

相关问题