php – 图像库,预加载与AJAX

发布时间:2022-04-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了php – 图像库,预加载与AJAX脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
嘿,我正在尝试制作一个图片库,但我仍然坚持在页面加载时是否应该加载所有图像,或者在图库中显示之前获取ajax请求新图像?

下面的示例显示我正在查看第二个图像,并且在通过ajax请求加载图像5时加载了2个隐藏图像.我想如果我在正在查看的图像和ajax正在加载的图像之间保留两个加载的图像用户不应该观看图像加载

Image Gallery (Viewing Single Image)
   1        2      3       4       5
+-------+-------+-------+-------+-------+
|       |Loaded |       |   *   |Loading|
|Loaded |  On   |Loaded |Loaded | AJAX  |
|Hidden | Show  |Hidden |Hidden |Request|
+-------+-------+-------+-------+-------+

我没有使用本地主机的ajax,所以不知道它与只是将图像加载到页面并隐藏它们相比有什么样的性能.

您通常可以依赖浏览器缓存来快速加载图像.我发现这是一个非常可靠的方法,具体如下:
$("<img>").attr('src',imageSrc);

这会创建一个图像元素,不会将其附加到DOM,但浏览器仍会下载图像并对其进行缓存.使用它,您可以附加您创建的图像元素或使用带有该图像的新图像元素,并且不应该有加载延迟.

我不确定你用ajax加载是什么意思.由于ajax请求与任何其他请求没有任何不同,因此使用“ajax”和“仅加载”图像之间不应存在性能差异.如果您使用脚本以某种方式加载图像,则服务器上可能会有一些开销.

脚本宝典总结

以上是脚本宝典为你收集整理的php – 图像库,预加载与AJAX全部内容,希望文章能够帮你解决php – 图像库,预加载与AJAX所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。