为幻灯片加载图像有哪些技术？

我有一个web应用程序的东西像图像库的用户与旋转木马在应用程序的底部。我在考虑一个场景，例如，如果用户在应用程序图像库上上传了1000张图像。我只是徘徊什么是正确的方式或技术来加载1000个快速的图像，以便用户可以立即查看它。请帮帮我。为幻灯片加载图像有哪些技术？

来源

2011-12-02 pacificindio

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

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

来源

2011-12-02 10:07:47 Svish

我的应用程序的第一个版本是使用jQuery Cycle图像和carouFredSel插件轮播缩略图。我在想的是先加载10张图像，然后使用JavaScript函数同时获取剩余图像，并追加到轮播缩略图的ul中，但遇到添加新元素的问题。我想到一些解决方案，但它看起来像我的选择变得有限。顺便从API获取数据。 – pacificindio

也许你可以在http://samples.geekality.net/image-fetcher找到一些帮助。在那里，我使用AJAX调用来获取包含大量图像URL的JSON数组。然后，我为它们创建img标签，并将它们添加到页面中。谢谢先生， – Svish

。需要完成这个困难的项目。 – pacificindio

一次载入1000张图像会浪费带宽，更不用说它会给客户带来很大的滞后。在用户滚动浏览图片时，需要使用某些客户端JavaScript/jQuery而不是PHP来动态加载图片，因此不会请求比特定时间更多的资源/图片，例如10。在元素上使用jQuery中的.click()事件并检查'carousel'的结尾可以这么说，然后使用类似$("#element").attr("src", "imagePath.jpg");的东西来交换显示在传送带上的图像应该可以工作。

来源

2011-12-02 09:59:18 Blake

为幻灯片加载图像有哪些技术？

回答

相关问题