我正在计划一个动态 PHP 照片库,并且在通过 MySQL 检索缩略图后难以决定显示缩略图的最佳方式。我考虑使用内联无序列表,但这导致拇指一个在另一个之上(触摸)。还尝试了一张表格,但不确定如何在 x 个缩略图之后开始下一行。
为此目的的页面布局有什么建议吗?我将使用 Lightbox 循环浏览照片本身,这不是问题。
此外,while() 循环是否最适合获取拇指列表并插入适当的 HTML?
谢谢!
-本
您使用列表的想法是一个很好的想法。您需要更正 CSS,以便您的图像以您想要的方式显示。
W3 Schools有一个很好的入门 css 参考,CSS Zend Garden可以让您了解使用 css 可以完成什么。
也许您可以准确描述您遇到的布局问题?
首先,这是一个 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)) { ...您在此处使用此图像的操作... } }