用户体验：分页取决于浏览器大小

Question

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

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

您是否见过一个Web应用程序，只从服务器获取足够的数据来填充页面而不滚动？

我并不是在寻求技术建议（尚未），尤其是关于用户体验的建议。我的想法有意义吗？

谢谢

Answer 1

听起来你需要使用JS来确定用户当前具有的确切分辨率，然后根据边距等计算可以容纳到该空间的图像数量。

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

Answer 2

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

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