如何更改此插件的 lightbox2 箭头位置？

Question

我正在使用 Lightbox2 插件 http://lokeshdhakar.com/projects/lightbox2/。我需要：

1. 始终显示导航箭头
2. 箭头显示在浏览器的左侧和右侧，如浮动：左、右（不在图像上）
3. 浏览器右上角显示关闭按钮

请帮帮我，那个选项怎么办。谢谢

Answer 1

要始终显示导航箭头，您必须将它们的 opacity 更改为 1（默认情况下为 0）。

这里：

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

然后将它们保留在浏览器的一侧 window 您可以将 position 属性 更改为 fixed 然后相应地更改各个箭头，例如这个：

.lb-nav a.lb-next {
  position: fixed;
  right: 0;
  top: 0;
}
.lb-nav a.lb-prev {
  position: fixed;
  left: 0;
  top: 0;
}

最后你可以通过像这样摆弄定位来移动整个底部块：

.lb-dataContainer {
  left: 50%;
  position: absolute;
  top: -45px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

请记住，这些解决方案远非完美。这是一种快速而肮脏的移动元素的方法。