老张小站

Piwigo的图片列表在缩略图模式下时，横向会自动对齐，但最后一行若多出一张或几张图片时，可能让用户误以为相册已没有更多图片。

我们可以按以下方式修改，使相册除最后一页外，隐藏掉最后一行。

打开当前模板下的 template/navigation_bar.tpl （若没有，从default模板目录中复制过来），查找：

<span class="navFirstLast">| {'Last'|@translate}</span>

在其下方新增：

<script type="text/javascript">var lastpage=1;</script>

打开当前模板下的 template/footer.tpl ，在 </body> 前增加：

{if !empty($THUMBNAILS) && !empty($thumb_navbar)}
<script type="text/javascript">
	var tnDiv = document.getElementById("thumbnails");
	var tnLis = tnDiv.getElementsByTagName("li");
	var countTnLis = tnLis.length - 1;
	var lastPicHeight = tnLis[countTnLis].offsetHeight;
	var tnDivMaxheight = tnDiv.offsetHeight - lastPicHeight - 5;
	if (typeof(lastpage) == "undefined") {
		document.styleSheets[0].addRule('.thumbnails', 'max-height: '+parseInt(tnDivMaxheight)+'px');
	}
</script>
{/if}

完成后即可实现隐藏最后一行，使缩略图列表末尾充满。

如果你仔细分析上述代码，可能会有疑问说为何不将此代码直接放到 thumbnails.tpl 模板或 index.tpl 中，原因是放在缩略图所在的div内可能导致高度判断不准，无法准确隐藏最后一行。有兴趣的朋友请自行研究。