我會如何在網頁上對圖片進行排序？

我想在網頁上設置圖片網格，並通過菜單選擇的類別進行排序。我會如何在網頁上對圖片進行排序？

最好這樣做將不會刷新整個頁面，並完成沒有JavaScript或jQuery。

例如，可能有12個圖像，分爲四類。菜單將包括「類別1」，「類別2」等。通過單擊其中一個選項，下面的圖像可以簡單地重新安排在頂部的選定的分類圖像。

有沒有一個簡單的PHP腳本，可以做到這一點？它會涉及在各種陣列中設置圖像嗎？

任何幫助最受讚賞。

來源

2012-07-14 user1525141

PHP是一種服務器端語言，如果沒有使用JavaScript（jQuery）之類的客戶端語言或b）刷新頁面，您將無法更改順序。所以請選擇 – 2012-07-14 06:10:28

你有什麼嘗試？我們非常願意在SO上提供幫助，但前提是您已經在研究或嘗試某些方面顯示出實際的努力。 – 2012-07-14 07:41:58

因爲我不知道JS，所以我還沒有嘗試過任何編碼。我過去創建了php數組，但他們都參與刷新頁面，我不知道從哪裏開始緩解這一問題。我已經爲一個沒有運氣的解決方案進行了一百次谷歌/論壇搜索，並且我嘗試過整合各種基於網格的圖像旋轉器，但它們看起來都不對，看起來像一個相當麻煩的「解決方案」。 – user1525141 2012-07-14 18:11:15

那麼，實際上，這是可能的，而無需刷新頁面，而不使用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肯定會是更好的選擇。

來源

2012-07-15 16:03:43 Aletheios

我會如何在網頁上對圖片進行排序？

回答

相關問題