为幻灯片显示加载图像的技术是什么？

Question

我在应用程序底部有一个带有轮播的用户的Web应用程序，如图像库。我在想 例如，如果用户在应用程序图像库上上载了1000个图像，该怎么办。  我正在徘徊什么是加载1000个快速图像的正确方法或技术，以便用户可以立即查看。  请帮帮我。

Answer 1

一次加载1000张图片将是一种荒谬的带宽浪费，更不用说它会给客户造成重大延迟。当用户滚动它们时，将需要一些客户端JavaScript / jQuery而不是PHP来动态加载图像，因此在特定时间不再需要所需的资源/图像，例如一次10个。在元素上使用jQuery中的.click()事件并检查'carousel'的结尾可以说，然后使用类似$("#element").attr("src", "imagePath.jpg");之类的东西来交换旋转木马上显示的图像应该可以。

Answer 2

1000张图片很多。我绝对不会一次性加载它们，而是以某种方式分批加载它们。有点像Facebook（我认为）。它会填满视图，当您向下滚动时，它会继续加载更多，但只有向下滚动时才会加载。也可以通过使用“加载更多”按钮来简化它。

如果它真的像你说的旋转木马，我希望它只显示一定数量的图像。在那种情况下，我只是加载可见的，例如加载缓冲区的两倍。然后，当用户转到下一页时，您可以用缓冲区中的第一页替换当前页面，并将更多内容加载到缓冲区中。