如何在网页上制作可排序的图像网格?

时间:2012-07-14 06:06:09

标签: php javascript html image webpage

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

最好在没有重新整理整个页面的情况下完成,不需要javascript或jquery就可以完成。

例如,可能有12个图像,分为四类。菜单将包含“类别1”,“类别2”等。通过单击其中一个选项,下面的图像将重新排列,顶部选定的分类图像。

是否有一个简单的PHP脚本可以实现这一目标?它会涉及在各种阵列中设置图像吗?

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

嗯,实际上可以在不刷新页面的情况下执行此操作而不使用JavaScript。这是它的工作原理(只是一个最小的例子):

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

<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绝对是更好的选择。