我们在静态模型中花费了所有这些时间来编写一些巧妙的 JavaScript 代码,这些代码将“平滑加载”图库中的图像。现在我们有了使用真实图像的真实图库,这部分代码消失了。
本质上,我们需要让我们的图像包装器具有与图像纵横比相同的顶部填充。在静态模型中这很容易,因为我们知道图像的高度和宽度。我们不再拥有这些信息,我们只有图像的 URL。
我们在 Google 上搜索了一个教程,了解如何使用 PHP 获取图像尺寸。在我们将此功能部署并访问图库后,加载速度**非常**慢。这可能是 PHP 函数getimagesize
导致的。我们推测,一旦上线,并且从同一服务器请求图像,速度就会更快。
事实证明,情况并非如此。此函数速度很慢,因为它必须请求整个图像并进行处理才能获取所需的信息。稍后,我们必须诉诸完全不同的方法才能实现平滑加载。有点令人沮丧。如果可以时光倒流,我们应该使用原生 WordPress 媒体上传器上传这些图像,而不是自定义字段。这样,我们就可以访问存储在数据库中的图像尺寸数据,这将使这一切成为可能。
嘿,Chris
也许“获取附件图像 src 函数”可以起作用。它为给定的 attachment_id 输出一个包含 URL、宽度和高度的数组。
WordPress 获取附件图像 src 函数
很喜欢这些屏幕录像。
可能可以,是的,但不幸的是,这些图像是自定义字段,而不是以这种方式附加的。如果可以回到过去,我会使用原生的 WordPress 函数。并不是说自定义字段不是原生的,但你明白我的意思。
我偶然发现了这篇文章,其中用户正在寻找来自 Advanced Custom Fields 插件的图像宽度和高度,但它可能有效。由于自定义字段将具有 attachment_id,因此您可以通过字段名称获取 attachment_id,然后获取图像的宽度和高度。
如何使用 Advanced Custom Fields 检索图像的宽度和高度?
也许您对图库的运行方式感到满意,因此无需修复没有损坏的东西。
顺便说一句,即使我选择了两个复选框以接收通知,我似乎也无法收到对我的帖子回复的通知。
不过,我会收到 CSS-Tricks 网站新帖子的电子邮件。