如何更改此插件的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%); 
 
}

請記住，這些解決方案是遠遠不夠完善。這是移動元素的快速和骯髒的方式。