Несколько отдельных amp-lightbox-галерея на странице - PullRequest
Новая
       12

Несколько отдельных amp-lightbox-галерея на странице

0 голосов
/ 16 мая 2019

Как я могу иметь несколько отдельных галерей лайтбоксов на странице?

В документации ничего не говорится об этом.

Я знаю, что есть компонент лайтбоксов, который можно использовать для разделениянекоторые наборы изображений, но в которых отсутствуют некоторые функции, такие как миниатюры и подписи.

Поиск в Google не помогает, поэтому любая помощь приветствуется.

1 Ответ

1 голос
/ 17 мая 2019

Установив для атрибута lightbox другое значение, вы можете сделать его частью разных галерей.

Из примера amp-lightbox-gallery (выделение мое):

По умолчанию все элементы лайтбокса будут сгруппированы в один и тот же лайтбокс, если они не принадлежат карусели.Все элементы в одной и той же карусели лайтбоксов принадлежат одному и тому же лайтбоксу. Вы можете переопределить это поведение, установив для атрибута 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>
...