設計網絡相冊：CSS還是Ajax？

我想設計一個網絡相冊，每張圖片都有自己的標題和說明。所以，一次只能看到一組圖像，標題和描述。點擊下一個按鈕後，會出現下一組圖像，標題和說明，依此類推。設計網絡相冊：CSS還是Ajax？

所以我想知道，最好的設計方式是什麼？ HTML還是AJAX？

我不想使用隨時可以使用的燈具等工具。

2012-06-10 Pritam

這就像問：讓我的牆更漂亮，我應該使用繪畫還是梯子？ AJAX只是一種異步獲取服務器內容的方式。一旦你有內容，你需要用HTML和CSS來顯示它。在設計任何東西之前，要知道你在說什麼。閱讀HTML是什麼，CSS是什麼，AJAX是什麼。 –

你想讓瀏覽器的後退按鈕起作用嗎？如果是這樣，那麼你應該讓你的生活變得簡單並使用html（因爲你只能一次顯示一個圖像）。

Ajax意味着使用html。另一方面，使用html並不一定意味着您需要使用AJAX動態加載內容。

這個項目的目的是什麼？如果你正在爲學習體驗做準備，你應該繼續使用AJAX（從頭開始）。如果您想要速度和質量，請使用現有的Web圖庫。如果你需要自己編寫，使用純html（或者ajax框架，如dojo，jquery等，這將爲你解決跨瀏覽器的怪癖節省很多痛苦）。此外，如果您希望能夠點擊一個按鈕將您帶到下一個（上一個）圖像，並且您不知道預先會有多少圖像，那麼您正在尋找動態行爲。你可以在客戶端（javascript）或服務器端（比如說「php」開始）編寫動態邏輯。

另外，你打算如何保持相應的（圖像，標題，描述）在一起？如果您只有3張圖片，假設您可以將每個圖片硬編碼到相應的html文件中。例如。 1.html，2.html，3.html。然後，您必須將a.html中的前進按鈕指向b.html。 etc ...

如果你不想這種無聊的靜態行爲，並想要更聰明的東西，說你決定爲AJAX。然後你只有1.html文件，並從那裏（使用JavaScript），你會問你的服務器的（圖像，標題，描述），並加載所有（動態，而不刷新瀏覽器）到同一頁面。從服務器獲取此信息的最簡單方法是隻讀一個包含所有信息（圖像URL，標題，說明）的靜態（XML或JSON）文件。然後用JavaScript和使用DOM操作，你會刪除舊的圖像，並添加新的。

但是，這對服務器端處理來說要簡單得多（值得學習）。在這種情況下，你可以有一個URL，它需要一個參數與圖像編號。例如。 http://example.com/gallery/index.php?image=X 然後在服務器用html響應客戶端之前，它會意識到你要加載圖像X，以便得到它的相應描述，標題和url。並將它們「嵌入」到文件中。當然，根據數字，它也會爲上一個和下一個按鈕添加正確的鏈接。例如。如果當前顯示的圖像是9，則向前按鈕將被「動態地」確定爲鏈接到（X + 1）：http://example.com/gallery/index.php?image=10

來源

2012-06-10 07:02:58 mauzepeda

設計網絡相冊：CSS還是Ajax？

回答

相關問題