问题标签 [amp-img]

我正在将 amp-list 与 JSON 绑定。问题是我为 amp-img 提供数组元素，而 amp-img 的 src 必须小写，因为我的服务器上的资产是小写的。

我遇到了图像无法在 iPhone 浏览器上加载的问题。在 Android 手机上通过 chrome 和其他浏览器进行测试时工作得非常好。我不断收到控制台错误“加载失败：图像- v0.js:127”

下面是图像的 html 代码，您会看到没有什么不寻常的地方，但图像不会专门在 iOS 设备上加载。

任何帮助将不胜感激...如果需要，我可以提供有效的 URL，但我不明白/找不到任何有关仅在 iOS 设备上导致此 v0.js:127 错误的信息。

我在客户的网站上有很多<amp-img>元素，最近注意到一个功能，您可以单击图像并在右上角弹出一个带有 X 的灯箱。我在他们的官方文档中找不到任何关于启用/禁用此功能的提及。我将这个元素用于一些背景/风格元素，所以我宁愿用户不能点击它。任何帮助深表感谢。

这是我正在使用的代码，删除了类和 URL：

我想在使用 AMP（在客户端）上传之前显示输入表单文件中的图像，我试图避免将图像上传到临时文件夹并从那里加载的过程。这种形式是将项目（带图像）添加到列表中，它很容易被放弃，所以我想避免清除孤立图像。

我做了一些研究，发现所有解决方案都涉及 Javascript，例如this和this，但我不喜欢在“完整的 AMP 网站”中使用 javascript。

是否有使用 AMP 解决此问题的方法？

amp-img 的 URL 链接

如何放大图片网址而不是常规图片？

我已经尝试过以常规方式执行 amp-html，但没有成功。

我正在手动将珠宝电子商务产品页面移植到 AMP。我需要组合多个独立的 AMP 状态（宝石形状、克拉重量、贵金属），然后使用结果作为 array.filter() 的输入来过滤我的 JSON 以获得动态 AMP 轮播。

所需的用户体验：如果用户单击“黄色金色”按钮，然后单击“2 克拉”按钮，我想将图像（在下面的 JSON 数组中）过滤为仅通过 object.metal == 过滤器的对象_y' && object.ctw == '_2-0'

使用简单的 onClick Javascript 很容易做到，但我不确定如何使用 tap:AMP.setState 执行这个多步骤逻辑。因此，我正在寻求帮助，将多个变量组合成一个 AND 语句，然后在 array.filter() 中使用该语句来刷新 AMP-Carousel 以匹配用户的选择。

我使用一个变量正确刷新/更新了 AMP-Carousel，如下所示：

如何将我的 setState 扩展到两个离散的目标？

1. 根据用户选择的选项生成更新的“myFilter”
2. 将“filteredProducts”设置为 values.filter(a => myFilter)

这是我的 AMP-Carousel 以及我的 JSON（希望这有助于其他与上述问题无关的人！）

注意 - 我知道这个 JSON 有点古怪，但这是我发现让 AMP-Carousel 在 AMP-Mustache 中工作的唯一方法。

我有一个要使用 amp html 呈现的图像，我想使用内联样式。我尝试了以下方法：

但是 amp-img 的内联样式不起作用。有人能说出原因并解决这个问题吗？

我有我需要裁剪的图像的cropWidth、cropHeight 和起始坐标。<amp-img>我应该如何使用这些信息进行裁剪？

例如，如果图像的尺寸为 10 X 10，假设cropwidth 为 2，cropheight 为 3，起始位置为 3,5。这意味着我想要矩形所描述的图像部分，其中 (3,5) 作为左上角，(5,8) 作为右上角。

以下是我尝试过的，但无法正常工作：

HTML 代码

CSS 代码：

有人能说出为什么这不起作用并给出一个可行的解决方案吗？

我有这样的放大器状态：

如果我单击按钮，图像将动态变化。我想在加载页面时随机更改 imgSrc：

但图像不会改变..我是 AMP 的新手，有人可以帮我解决问题吗？

html 工作者。

我正在为 amp-html 动画而苦苦挣扎。

我想在 amp-img 进入视口时为其设置动画。到目前为止，一切都很好。我们已经做到了。然而：尽管在文档中被引用为工作：这不起作用。帕格代码：

图像（在 Pug 中）

amp-img 本身显示得非常好并且正在转换。只是裁剪动画不起作用。你们中有人成功做到了吗？

任何关于我愚蠢的暗示都会有所帮助。任何关于解决方案的提示都会更好。

干杯，米