cost 348 ms
在 AMP-HTML 中裁剪图像 - Cropping an image in AMP-HTML

我有我需要裁剪的图像的cropWidth、cropHeight 和起始坐标。 我应该如何使用这些信息裁剪<amp-img> ? 例如,如果图像的尺寸为 10 X 10,假设cropwidth 为 2,cropheight 为 3,起始位置为 3,5。 这意味着我想要矩形所描述的图像部分, ...

将多个 AMP-State 输入连接到动态 AMP-Carousel 的过滤器中? - Joining multiple AMP-State inputs into a filter for a dynamic AMP-Carousel?

我正在手动将珠宝电子商务产品页面移植到 AMP。 我需要组合多个独立的 AMP 状态(宝石形状、克拉重量、贵金属),然后使用结果作为 array.filter() 的输入来过滤我的 JSON 以获得动态 AMP-Carousel。 所需的用户体验:如果用户单击“黄金”按钮,然后单击“2 克拉”按钮 ...

AMP 中有没有办法在上传之前从输入表单中显示选定的图像? - Is there a way in AMP to show the selected image from input form before upload?

我想在使用 AMP(在客户端)上传之前显示输入表单文件中的图像,我试图避免将图像上传到临时文件夹并从那里加载的过程。 这种形式是将项目(带图像)添加到列表中,它很容易被放弃,所以我想避免清除孤立图像。 我做了一些研究,发现所有解决方案都涉及 Javascript,就像这个和这个,但我不喜欢在“完整 ...

如何禁用 amp-img 默认灯箱功能? - How do I disable amp-img default lightbox functionality?

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

将 itemprop 属性添加到 amp-img 创建的 img 标签 - Add itemprop attribute to img tag created by amp-img

我目前正在使用 AMP 创建电子商务产品详细信息页面。 作为工作的一部分,我希望能够为每个产品提供有效的结构化数据,以协助 SEO。 我在尝试将itemprop="image"的结构化数据属性添加到使用amp-img呈现的产品主图时遇到了问题。 据我所知,无法将自定义属性应用于amp-img最终呈现 ...

amp-img 未显示在轮播中 - amp-img not showing in carousel

我使用AMP轮播显示文章摘要列表。 出于某种原因,只有在页面加载时可见的摘要才有图片。 (如果我旋转屏幕更多但并非所有图片都加载。) 我究竟做错了什么? 随时询问更多信息。 这是布局: 这是样式表: 可以看到四张图片中只出现了三张: 更新: Bachcha Singh ...

具有xlink的SVG文件到AMP项目中的另一个页面 - SVG file with xlink to another page in AMP project

我有一个SVG文件,其中包含许多xlink,这些xlink可以导航到其他页面。 例如: SVG是一张美国地图,我很乐意提供,但是太大了,无法在此处包含。 当我尝试在AMP页面中使用此SVG时,xlink不起作用。 我在AMP规范中看到,要求SVG中的xlink必须具有以“#”开 ...

使用 layout="responsive" 在 amp-img 中放置文本 - Place text inside an amp-img with layout="responsive"

我有一个带有 layout="responsive" 的 amp-img,我需要在其中放置一些文本,或者在它上面放置一些文本,如果您喜欢这样说的话。 amp-img 将填充屏幕的宽度,高度将由 amp-img 确定,以便整个图像可见并保持纵横比。 有没有办法做到这一点? 我可以将图像放在背景中 ...

阅读器中的AMP图像 - AMP images in readers

我有一个带有AMP页面的网站,允许编辑者向页面添加图像。 图像使用amp-img元素显示,并在任何普通浏览器中呈现。 当用户阅读器视图或被诸如Embedly之类的网站抓取时,不会显示amp-img元素。 我认为这是由于amp-img元素不是有效的HTML元素引起的,因此将其忽略。 ...

使用页面上的第一个amp-img进行Facebook分享 - Use the first amp-img on the page for facebook share

我有一个博客网站,最近已迁移到amp-html。 我在使用amp-img标签时遇到问题。 首先,博主无法将First amp-img识别为帖子的第一张图片,并且无法从中提取出默认缩略图。 同样,当使用amp-share在facebook上共享页面时,所选图像始终是我已使用og:im ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM