Отображать заголовок в галерее изображений, используя увеличенное всплывающее окно

Мне удалось отобразить подписи с помощью Magnific Popup на отдельных изображениях и в галереях с несколькими видео, но я не могу отобразить подписи для галерей, заполненных несколькими изображениями.

Я хочу указать атрибут, содержащий подпись. Заголовок - это то, что видно, когда вы наводите курсор на элемент, и я пытаюсь использовать значение атрибута "описание" в качестве заголовка, отображаемого под каждым изображением (один заголовок для всех изображений в галерее).

В настоящее время для галерей с несколькими изображениями отображается только подпись (1 из 4 и т. Д.).

    $('#myId').magnificPopup({
      items: [{
        src: 'Images/path to image 1',

      }, {
        src: 'Images/path to image 2',

      }, {
        src: 'Images/path to image 3',

      }, {
        src: 'Images/path to image 4',

      }],
      gallery: {
        enabled: true
      },
      type: 'image',
      image: {
        titleSrc: 'description'
      }
    });
<div class="projectThumb">
  <a id="myId" description="test" href="#" title="myTitle">
    <img src="Images/path to thumb image">
  </a>
</div>

0 ответов

Другие вопросы по тегам