我正在尝试找出 amp 组件的 media 属性中多个媒体查询的语法: 但这不正确,AMP的媒体属性是否支持? 这是文档,但没有多个媒体查询的示例: https://amp.dev/documentation/guides-and-tutorials/develop/style_and_layou ...
我有这样的放大器状态: 如果我单击按钮,图像将动态变化。 我想在页面加载时随机更改 imgSrc: 但图像不会改变.. 我是 AMP 的新手,有人能帮我找出问题吗? ...
我有我需要裁剪的图像的cropWidth、cropHeight 和起始坐标。 我应该如何使用这些信息裁剪<amp-img> ? 例如,如果图像的尺寸为 10 X 10,假设cropwidth 为 2,cropheight 为 3,起始位置为 3,5。 这意味着我想要矩形所描述的图像部分, ...
我有一个要使用 amp html 渲染的图像,我想使用内联样式。 我尝试了以下方法: <div style=" position: relative;width:240px; height:120px;"> <amp-img layout="fill"style="object ...
我正在手动将珠宝电子商务产品页面移植到 AMP。 我需要组合多个独立的 AMP 状态(宝石形状、克拉重量、贵金属),然后使用结果作为 array.filter() 的输入来过滤我的 JSON 以获得动态 AMP-Carousel。 所需的用户体验:如果用户单击“黄金”按钮,然后单击“2 克拉”按钮 ...
amp-img 的 URL 链接如何放大图像 url 而不是常规图像? 我已经尝试过以常规方式执行 amp-html,但没有成功。 ...
我想在使用 AMP(在客户端)上传之前显示输入表单文件中的图像,我试图避免将图像上传到临时文件夹并从那里加载的过程。 这种形式是将项目(带图像)添加到列表中,它很容易被放弃,所以我想避免清除孤立图像。 我做了一些研究,发现所有解决方案都涉及 Javascript,就像这个和这个,但我不喜欢在“完整 ...
我在客户的网站上有很多<amp-img>元素,最近注意到一个功能,您可以单击图像并获得一个在右上角弹出一个 X 的灯箱。 我在他们的官方文档中找不到任何关于启用/禁用此功能的提及。 我将这个元素用于一些背景/风格元素,所以我宁愿用户不能点击它。 任何帮助深表感谢。 这是我正在使用的代码 ...
我将amp-list与JSON绑定。 问题是我为amp-img提供了数组元素,而amp-img的src必须小写,因为服务器上的资产是小写的。 ...
我目前正在使用 AMP 创建电子商务产品详细信息页面。 作为工作的一部分,我希望能够为每个产品提供有效的结构化数据,以协助 SEO。 我在尝试将itemprop="image"的结构化数据属性添加到使用amp-img呈现的产品主图时遇到了问题。 据我所知,无法将自定义属性应用于amp-img最终呈现 ...
我使用AMP轮播显示文章摘要列表。 出于某种原因,只有在页面加载时可见的摘要才有图片。 (如果我旋转屏幕更多但并非所有图片都加载。) 我究竟做错了什么? 随时询问更多信息。 这是布局: 这是样式表: 可以看到四张图片中只出现了三张: 更新: Bachcha Singh ...
我有一个SVG文件,其中包含许多xlink,这些xlink可以导航到其他页面。 例如: SVG是一张美国地图,我很乐意提供,但是太大了,无法在此处包含。 当我尝试在AMP页面中使用此SVG时,xlink不起作用。 我在AMP规范中看到,要求SVG中的xlink必须具有以“#”开 ...
我有一个带有 layout="responsive" 的 amp-img,我需要在其中放置一些文本,或者在它上面放置一些文本,如果您喜欢这样说的话。 amp-img 将填充屏幕的宽度,高度将由 amp-img 确定,以便整个图像可见并保持纵横比。 有没有办法做到这一点? 我可以将图像放在背景中 ...
我有一个带有AMP页面的网站,允许编辑者向页面添加图像。 图像使用amp-img元素显示,并在任何普通浏览器中呈现。 当用户阅读器视图或被诸如Embedly之类的网站抓取时,不会显示amp-img元素。 我认为这是由于amp-img元素不是有效的HTML元素引起的,因此将其忽略。 ...
我正在研究nodejs和mongodb。 当我放置此代码时; <%- postContent %> ,它呈现为以下格式: <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec ...
有没有办法在<amp-img>使用onerror属性? 它在html中工作得很好。 但是amp html会在amp-img中创建img标签 ...
我有一个带有amp iframe和一些amp图片的基本AMP页面 https://www.freshcottages.com/region/cambridgeshire.htm 单击主菜单项时,说“ England”,菜单出现在AMP iframe和AMP图像的后面。 有什么办 ...
我有一个博客网站,最近已迁移到amp-html。 我在使用amp-img标签时遇到问题。 首先,博主无法将First amp-img识别为帖子的第一张图片,并且无法从中提取出默认缩略图。 同样,当使用amp-share在facebook上共享页面时,所选图像始终是我已使用og:im ...
gif动画有<amp-anim>标签。 但是我发现<amp-img>标签可以显示gif动画。 我知道<amp-anim>标签可以设置一个占位符,但是我不需要它。 而且我再也没有违抗了。 因此,我的问题是“将<amp-img>标签用于gif ...