Гиперссылки в LightGallery.js

Question

Кто-нибудь знает, как добавить гиперссылку в описание изображения в LightGallery при открытии в окне модели?

Мой код:

<div id="portfolio-wrap" class="padding-sec-lg">
                            <ul id="portfolio" class="auto-construct  project-gallery" data-col="2">
                                <li  class="item"   data-src="img/Nicky.jpg" data-sub-html="<h6>Graphic Designer Site</h6><p>A website I created for  a graphic designer to showcase their work. Visit nicky.alexedmead.com for live site. </p>" >
                                    <a href="http://www.alexedmead.com" target="_blank">
                                    <img class="img-responsive" src="img/Nicky.jpg"  alt="Image description" />
                                    <span class="hover-cap">Graphic Designer Site</span>
                                    </a>
                                </li>

Answer 1

Да, вы правы, в конце я понял, что атрибуты привязки должны использовать одинарные кавычки (''), а не двойные кавычки ("").

Answer 2

Можете добавить anchor тег внутри data-sub-html атрибут

<div id="portfolio-wrap" class="padding-sec-lg">
  <ul id="portfolio" class="auto-construct  project-gallery" data-col="2">
    <li  class="item"   data-src="img/Nicky.jpg" data-sub-html="<h6>Graphic Designer Site</h6><p>A website I created for  a graphic designer to showcase their work. Visit <a href='http://www.alexedmead.com' target='_blank'>alexedmead.com</a> for live site. </p>" >
      <a href="http://www.alexedmead.com" target="_blank">
        <img class="img-responsive" src="img/Nicky.jpg"  alt="Image description" />
        <span class="hover-cap">Graphic Designer Site</span>
      </a>
 </li>

Codepen Demo