显示在全视口灯

虽然自动播放轮播在用户与轮播交互后就会停止,但请考虑添加显式的“播放/暂停”控件。于增强图像的焦点很有用。此 AMP 组件将图像带到页面的中心,同时使背景元素位于扩散/较暗的层下。 示例:当用户单击某个属性上的房间图像时,可以将其放大以获得更清晰的视图。

所需脚本x 组件为指定图像提供灯箱体验。

 

当用户单击图像时,该图像将箱的中心。 当用户单击图像时,<amp-img> 通过 on 操作激,该操作引用 <x> 元素(即 lightbox1)的 ID。然在全视口灯箱的中心显示图像。餐厅电子邮件列表 请注意,amp-image-lightbox 元素必须为空,并且必须进行以下用户操作:缩放、平移以及显示/隐藏描述。

按键盘上的退出键可关闭灯箱。 您可以对 A

工作职能邮件数据库,

MP 页面上的多张图像使用同一个 amp-image-lightbox。AOB 目录 您也可以选择在图像视口的底部显示标题。 (d) amp-灯箱 目的→ amp-lightbox 显示具有弹出效果的缩放图像或文本。点击时,该元素会出现在屏幕中央,为用户提供更好、更广泛的视图。 示例:对于表单提交,“您确定要提交吗?” 当用户点击“提交”时,屏幕上会弹出消息。

滚动至顶部