在Magnific弹出标题属性中使用html

Question

I need to wrap certain bits of my title attribute in html tags in order to style them for when I click an element and it pops up on Magnific Popup. I am trying something like bellow at the moment:

 <a href="path/to/img" title='<span class="date">2016 -</span> Title text goes here'> Content goes here </a>

However, if I add html tags in the title attribute as I have above it will then show them with the html tags and title text when hovering the element with the title attribute like bellow:

<span class="date">2016 -</span> Title text goes here

How could I implement this so that I can still style the date and have it rendering without the html tags on hover like:

2016 - Title text goes here

Answer 1

I would suggest using javascript for that an in your initialization code do something like that:

titleSrc: function() {
    return "<span class='date'>2016 -</span> Title text goes here";
}

As said in documentation