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

Question

<分区>

Answer 1

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

这里:

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

然后将它们保留在浏览器窗口的一侧，您可以将 position 属性更改为 fixed，然后相应地更改各个箭头，如下所示:

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

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

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

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