gpt4 book ai didi

javascript - 按需加载图像而不改变 src 属性

转载 作者:行者123 更新时间:2023-12-03 11:56:46 25 4
gpt4 key购买 nike

我有一个网站,每个页面显示 40 个婴儿名字,每个名字都有一些用户上传的照片。当用户单击“显示照片按钮”时,我使用 iframe 来显示每个名称的图像(iframe 在单击后动态创建)。在这种情况下,图像永远不会被搜索引擎索引。

如果我在每个名称之后立即加载它们(而不是在 iframe 中),那么页面大小将非常大并且加载速度非常慢。

我正在寻找一种无需使用 iframe 即可按需加载图像的方法(就像现在一样)。按需设置 src 将成为风向标,因为搜索引擎无法访问它们,并且设置它们将使页面变得非常沉重,正如我之前所说。

关于如何做到这一点有什么建议吗?

最佳答案

当查询字符串以“small”结尾时,您可以使用一个 PHP 脚本来显示一个缩略图(1x1 像素);使用 ajax,您现在可以访问每个图像并删除结尾的“小”,以便 php 脚本使用原始文件。 http://php.net/manual/en/function.imagejpeg.php可能有帮助^^

因此,您访问“image.php?myimage.jpg-small”,脚本会加载固定缩略图,该缩略图将在第一次加载后缓存。然后,使用 ajax 将 img src 属性更改为“image.php?myimage.jpg”,我们就完成了...

您可以使用 .htaccess - 重写以获得更好的图像源外观...

关于javascript - 按需加载图像而不改变 src 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25581838/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com