如何添加标题和链接到图片库模式？

Question

我想自定义一个html模板。 这是

https://html5up.net/ethereal

它与模态画廊。 我想在该模式中添加一个简单的链接和一些文本。 但我无法这样做。

任何人都可以帮助我。

谢谢

Answer 1

遵循以下步骤： 每家画廊的图像添加标题和链接数据是这样的：

<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); 

与此插件（标题和链接）

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