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