-1

有谁知道一旦在模型框中打开，如何在 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>
4

2 回答 2

0

您可以在属性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 演示

于 2016-07-05T12:36:25.250 回答
0

是的，你是对的，我最后发现锚属性需要使用单引号（''）而不是双引号（“”）。

于 2016-07-06T14:15:57.327 回答