2013-05-14 118 views
-5

我的网站目前主持了很多产品照片,超过1k。我们有下一个/上一个页面系统,但我想让它们一次加载。它有200个产品,每个产品有20个子产品,每个产品在浏览网站时使用carouFredSel旋转。延迟加载完全崩溃网站/脚本。还没有尝试滚动分页,但我认为它也会爆炸。可能吗?谢谢。如何快速加载大量图像?

+0

要得到任何有用的答案,你将不得不更好地解释你的建议,并举例说明你试过的东西,什么都不起作用。 – Mike

+0

您应该实现AJAX和CSS条纹的组合。 – Fico

+0

您是否认为您的用户会欣赏您预先下载所有图片,即使它们最终不会查看它们?很多人通过KB为他们的互联网付费。 – cimmanon

回答

0

有一个名为环球免税店的程序,可能会适合你。您只需将您的照片加载到像flickr这样的网站即可添加尽可能多的照片。

http://galleria.io/

+0

我使用环球免税店,并意识到它的用途,我更喜欢图片在我的网站上。 – user1919915

+0

有一次,我使用了一个从一个目录加载图像的PHP程序,我只是想记住它被称为。 – Cam

2

根据您的网站的流量,你会使用大量的带宽加载所有这些照片(我敢肯定你是知道的)和你确定你的客户真正想要把所有的产品一气呵成地在那里面对呢?

你应该列出两百个动态加载的类别。你可以调用一个PHP脚本的ajax调用(或者是你正在编码的语言) ,每次用户滚动屏幕的x%(取决于你的布局)时,它会从你的数据库中选择接下来的20个产品类别。然后在每个类别的下面,可以放置一个隐藏的div,当用户点击该类别时打开,当打开div事件时,您也可以开始制作一个jax请求来获取子类别的图像,将它们加载到您的carosel或任何地方。

将每张产品的1000张图片加载到一页中看起来很疯狂,真的很重!我理解你的需要,但我认为你需要考虑你是如何实现这个的

+0

要清楚该网站是这一个:http://14u-fashion.com/shop/cat/65,同一网站的实验版本是没有下一个/上一个。你会发现自己的图像不是很多,它的子图像是自动旋转的东西,也许我应该只加载第一个图像,并将其他图像加载到产品新闻页面上? – user1919915