时间戳

首页 > 解决方案 > 如何获取介绍部分图片网址？

squarespace - 如何获取介绍部分图片网址？

问题描述

我已经检查了模板文件，这里使用了这个代码： <img {mainImage|image-meta} data-load="false" /> {mainImage|image-meta}

此代码返回许多其他属性，例如：

data-src="https://static1.squarespace.com/static/5c12cc27aa49a15fa0c20dbd /t/5c6334730d9297f6e70d6168/1550005372146/iStock-947324428.jpg" data-image="https://static1.squarespace.com/static/5c12cc27aa49a15fa0c20dbd/t/5c6334730d9297f6e70d6168/1550005372146/iStock-947324428.jpg" data-image-dimensions="1600x1068" data-image-focal-point="0.5,0.5" alt="iStock-947324428.jpg"

我想获取图像的唯一 src，意味着直接 URL 没有任何附加属性。

标签： squarespace

解决方案

用于{mainImage.assetUrl}获取src不带附加属性的 。

这...|image-meta被称为 Squarespace imageLoader JSON-T 格式化程序。它有时是一个有用的实用程序，但如果您只需要src，请仅使用上述代码。

您可以在Squarespace 自己的有关此主题的文档中查看有关绕过 ImageLoader 的更多信息。

绕过 ImageLoader

如果您想显式加载这些图像大小之一，请在图像上下文中使用以下语法：

<img src="{assetUrl}?format=300w" />

在这种情况下，图像将是 300w 图像。请注意，此语法会绕过我们的 imageLoader，因此不建议将其用于一般用途。可用的图像尺寸有：

2500w, 1500w, 1000w, 750w, 500w, 300w, 100w

推荐阅读