用户体验：根据浏览器大小进行分页

Question

我正在开发一个全尺寸照片库;通过fullsize我的意思是它的布局意味着占据浏览器的100％宽度。

由于我的画廊将包含数百张图片，因此会进行分页。我的问题是：我应该将多少张图片放在单个页面中，因为它取决于窗口大小？

你有没有见过一个Web应用程序从服务器提取足够的数据来填充页面而不滚动？

我不是真的要求技术建议（还没有），但特别是关于用户体验。我的想法有道理吗？

谢谢

Answer 1

听起来像是你需要使用JS以确定确切的分辨率，用户目前已经然后计算你可以多少图像适应这个空间考虑到利润率等。

对我来说，如果我有一个占据100％大小的画廊，那将是一个非常棒的用户体验。

Answer 2

我想让页面最初加载的图片非常少（您希望一次显示的最小数量），然后当页面加载使用Javascript来确定屏幕的大小和数量时您可以显示其他图像，然后通过AJAX加载它们。

您也可以检测手动调整大小的窗口，如果制作得更大，可以添加更多项目。