PHP库，缩略图列表

Question

我正在计划一个动态的PHP照片库，并且难以在通过MySQL检索缩略图之后决定显示缩略图的最佳方式。我考虑使用内联无序列表，但这导致拇指一个堆叠在另一个上面（触摸）。还尝试了一个表但不确定如何在x个缩略图之后开始下一行。

为此目的，有关页面布局的任何建议吗？我将使用Lightbox循环浏览照片本身，这不是问题。

另外，while（）循环最适合获取拇指列表并插入适当的HTML吗？

谢谢！

-Ben

Answer 1

您使用列表的想法很好。您需要更正CSS，以便您的图像以您想要的方式显示。

W3 Schools有一个很好的入门级css参考，而CSS Zend Garden可以让您了解使用css可以实现的目标。

也许您可以准确描述您所拥有的布局问题？

Answer 2

首先，它是一个HTML / CSS问题（while（）循环部分除外）。

很难说为什么缩略图互相碰触。使它们向左浮动并在缩略图包装器周围设置足够的边距，例如

div.thumbnail { float:left; margin:10px; padding:8px; border:1px solid #aaa; }

重新。循环，是的，通常你会像这样使用while（）循环：

$query = "select * from images where 1";
$result = mysql_query ($query);
if (mysql_num_rows ($result) > 0) {
    while ($image = mysql_fetch_array ($result)) {
        ... your action with this image here...
    }
}