用戶體驗：根據瀏覽器大小進行分頁

Question

我正在開發一個全尺寸照片庫;通過fullsize我的意思是它的佈局意味着佔據瀏覽器的100％寬度。

由於我的畫廊將包含數百張圖片，因此會進行分頁。我的問題是：我應該將多少張圖片放在單個頁面中，因爲它取決於窗口大小？

你有沒有見過一個Web應用程序從服務器提取足夠的數據來填充頁面而不滾動？

我不是真的要求技術建議（還沒有），但特別是關於用戶體驗。我的想法有道理嗎？

謝謝

Answer 1

聽起來像是你需要使用JS以確定確切的分辨率，用戶目前已經然後計算你可以多少圖像適應這個空間考慮到利潤率等。

對我來說，如果我有一個佔據100％大小的畫廊，那將是一個非常棒的用戶體驗。

Answer 2

我想讓頁面最初加載的圖片非常少（您希望一次顯示的最小數量），然後當頁面加載使用Javascript來確定屏幕的大小和數量時您可以顯示其他圖像，然後通過AJAX加載它們。

您也可以檢測手動調整大小的窗口，如果製作得更大，可以添加更多項目。