我有一个网站，每个页面显示 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/