使用magnific popup在图库上显示标题

时间:2016-04-15 23:07:35

标签: javascript jquery magnific-popup

我已经能够在单个图像和具有多个视频的画廊上使用Magnific Popup显示标题,但我无法为填充多个图像的画廊显示标题。

我想指定包含标题的属性。标题是当您将鼠标悬停在元素上时所看到的内容,我正在尝试使用“description”属性的值作为标题,显示在每个图像下方(图库中所有图像的一个标题)。

目前,对于具有多个图像的图库,它显示的唯一标题是计数(4个中的1个,等等)。

    $('#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 个答案:

没有答案