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

Question

Im正在使用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; 
 
}

然后让他们在浏览器窗口中，您可以更改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%); 
 
}

请记住，这些解决方案是远远不够完善。这是移动元素的快速和肮脏的方式。