燈箱「下一個」和「上一頁」如何？

Question

我想擴大「下一步」按鈕和「上一頁」按鈕的燈箱畫廊。請幫忙！

上市：

<?php 
$result = mysql_query("SELECT * FROM uploads WHERE gal='$gallery' ORDER BY id ASC"); 
while ($galrow = mysql_fetch_array($result)) { 
?> 

<a href="javascript:void(0);" onclick="document.getElementById('underlay').style.display='block'; document.getElementById('lightbox').style.display='block'; document.getElementById('lightbox-img').src = 'gal/<?php echo $gallery . '/' . $galrow ['image']; ?>';"> 
<?php 
echo '<img src="gal/' . $gallery . '/' . $galrow['image'] . '" />'; 
?> 
</a> 

<?php 
} 
?> 

顯示：

<div id="underlay"> 

</div> 

<div id="lightbox"> 
<img src="" alt="" id="lightbox-img"/> 
<a href="javascript:void(0);" onclick="document.getElementById('underlay').style.display='none'; document.getElementById('lightbox').style.display='none';">X</a> 

<a href="?">Next button</a> 
<a href="?">Prev button</a> 

</div> 

Answer 1

我從來沒有嘗試過自己，但我相信。最簡單的方法是將帶有CSS的原始next和previous按鈕移動到您想要的位置。然後，改變它的外觀，然後你就去了。

這裏看起來像如何做一個良好的開端：http://answers.squarespace.com/questions/4375/how-can-i-customize-the-next-and-previous-buttons-in-the-lightbox-gallery-mode