为幻灯片加载图像的技术是什么?


What are the technique of loading images for slideshow?

我有一个web应用程序的东西像图像库的用户与轮播在应用程序的底部。我在想一个场景,例如,如果用户在应用程序图片库上上传了1000张图片。我只是在徘徊什么是正确的方式或技术来加载1000张图像,这是快速的,以便用户可以立即查看它。

1000张图片很多。我绝对不会一次加载它们,而是以某种方式分批加载。有点像Facebook(我认为)。它填满了视图,当你向下滚动时,它会继续加载更多内容,但只有当你向下滚动时。也可以通过使用"加载更多"按钮来简化它。

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

一次加载1000张图片将是荒谬的带宽浪费,更不用说它会导致客户端出现严重的延迟。当用户滚动图像时,需要一些客户端JavaScript/jQuery而不是PHP来动态加载图像,因此在特定时间内不会请求超过所需的资源/图像,例如一次10个。在一个元素上使用jQuery中的.click()事件并检查'carousel'的结束,可以这么说,然后使用类似$("#element").attr("src", "imagePath.jpg");的东西来交换carousel上显示的图像应该工作