Question

如何在一个页面中有多个单独的灯箱画廊？

文档中没有提及此事。

我知道有一个灯箱组件，可以用来分隔某些图像集，但是缺少缩略图和字幕等功能。

谷歌搜索无济于事，因此不胜感激。

Answer 1

通过将lightbox属性设置为不同的值，可以使它们成为不同画廊的一部分。

来自amp-lightbox-gallery example（重点是我）：

默认情况下，所有灯箱元素都将分组到同一灯箱中，除非它们属于轮播。同一灯箱式转盘中的所有元素都属于同一灯箱。 您可以通过将lightbox属性设置为唯一的字符串来覆盖此行为。

示例：

<div>
  <amp-img lightbox="example" src="image1.jpg" width="400" height="300" layout="responsive"></amp-img>
  <amp-img lightbox="example" src="image2.jpg" width="400" height="300" layout="responsive"></amp-img>
</div>

<!-- These will belong to a different lightbox gallery -->
<div>
  <amp-img lightbox="another" src="image3.jpg" width="400" height="300" layout="responsive"></amp-img>
  <amp-img lightbox="another" src="image4.jpg" width="400" height="300" layout="responsive"></amp-img>
</div>

页面中有多个单独的amp-lightbox-gallery

1 个答案: