我已经能够在单个图像和具有多个视频的画廊上使用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>