3

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

我想要的是当 Lightbox 2 打开时它总是显示导航按钮。我试图查看 CSS，但实际上display:none元素.lb-nav, .lb-prev, .lb-next中没有任何display:block内容.lb-prev, .lb-next。

4

5 回答 5

2

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

$('a.StockNumber').lightBox({
    fixedNavigation: true
});
于 2013-04-02T21:35:14.913 回答
2

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

于 2013-04-02T21:01:36.037 回答
1

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

.lb-nav a.lb-next,
.lb-nav a.lb-prev{
  opacity:1;
}
于 2016-11-08T11:29:10.680 回答
1

在 lightbox.js 中，第 329 行，更改

var alwaysShowNav = false;

至

var alwaysShowNav = true;

于 2016-07-21T05:01:29.820 回答
0

当我使用下面的 css 代码时，它工作得很好。

<style>
.lb-nav a.lb-next,
.lb-nav a.lb-prev{
opacity: 0.4 !important;
}

.lb-nav a.lb-next:hover,
.lb-nav a.lb-prev:hover{
opacity: 0.8 !important;
}
</style>

在此代码中必须包含“！important”。否则，您的目的将无法实现

于 2021-11-19T16:50:51.550 回答