如何将标题和 link 添加到图库模式？

Question

我正在尝试自定义 html 模板。这是

它有一个带模态的画廊。我想在该模式中添加一个简单的 link 和一些文本。但是我做不到。

谁能帮帮我。

谢谢

Answer 1

按照以下步骤操作：每个图库图像都添加标题和 link 数据，如下所示：

<a href="images/gallery/fulls/01.jpg" class="image filtered span-3" data-position="bottom" data-url="addlink" data-caption="addcaption"><img src="images/gallery/thumbs/01.jpg" alt=""></a>

在main.js中找到这一行

$modalImg = $modal.find('img'),
href = $a.attr('href');

并在此下方添加以下行：

var caption = $a.data('caption');
var capurl = $a.data('url');
$modal.find('.caption').remove();

然后找到这一行

$modalImg.attr('src', href);

并在此之后添加（标题和 link）

if(caption!=undefined){
$modalImg.before('<div class="caption"><a href="'+capurl+'">'+caption+'</a></div>');
}

如何将标题和 link 添加到图库模式？

how to add caption and link to image gallery modal?

html

javascript

jquery

simplemodal