我该如何使网页上的图像网格可排序

How would I make a grid of images on a webpage sortable?

本文关键字：图像 网格 排序 何使 网页      更新时间：2023-09-26

我想在网页上设置一个图像网格，并通过菜单选择的类别对它们进行排序。

最好在不重新刷新整个页面的情况下完成，并且在不使用javascript或jquery的情况下进行。

例如，可能有12个图像，分为四类。菜单将由"类别1"、"类别2"等组成。点击其中一个选项，下面的图像将被重新排列，所选的分类图像位于顶部。

有没有一个简单的php脚本可以实现这一点？它会涉及设置各种阵列中的图像吗？

任何帮助都将不胜感激。

实际上，在不刷新页面和不使用JavaScript的情况下，可以做到这一点。以下是它的工作原理（只是一个最小的例子）：

在HTML页面中创建iframe。iframe将显示菜单以及已排序的图像。

<iframe src="content.php" width="300" height="100" border="1"></iframe>

然后在content.php:中

<form method="post" action="content.php">
<select name="select">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
</select>
<input type="submit">
</form>
<?php
if (isset($_POST["select"])) {
    // sort images however you want and echo them
    echo "Option ".$_POST["select"];
}
?>

因此，在提交表单时，只会重新加载iframe（而不是整个页面）。

请注意，这不过是一个变通方法。你想要达到的目标真的不应该那样做。JavaScript肯定是更好的选择。

相关文章：