如何在Lightbox 2上始终显示导航按钮？

Question

我正在使用Lightbox 2 http://lokeshdhakar.com/projects/lightbox2/

我想要的是当Lightbox 2被选中时它始终显示导航按钮。 我尝试查看CSS，但是display:none元素中的任何.lb-nav, .lb-prev, .lb-next实际上都是display:block上的.lb-prev, .lb-next ..我想我必须在javascript上改变一些东西但是我不知道...有人可以帮助我吗？

Answer 1

Lightbox使用简单的CSS图像交换。在lightbox.css：

之后的某处应用来自：hover伪类的样式

.lb-next {
    background: url("../images/next.png") no-repeat scroll right 48% transparent;
}
.lb-prev {
    background: url("../images/prev.png") no-repeat scroll left 48% transparent;
}

https://addons.mozilla.org/en-US/firefox/addon/firebug/

https://developers.google.com/chrome-developer-tools/docs/overview

Answer 2

您还可以在javascript文件中将导航设置为true。您也可以将此添加到您希望效果发生的页面

$('a.StockNumber').lightBox({
    fixedNavigation: true
});

Answer 3

在lightbox.js第329行，更改

var alwaysShowNav = false;

到

var alwaysShowNav = true;

Answer 4

在灯箱2上，这对我有用：

.lb-nav a.lb-next,
.lb-nav a.lb-prev{
  opacity:1;
}