highslide - 在 Highslide 字幕区域再添加一个链接

Question

我正在为我的网站使用这个 highslide 示例：- 。

http://www.roadrash.no/hs-support/gallery-in-page-with-large-imagelink-in-caption.html 。

我需要在标题区域的现有链接旁边添加另一个链接。我该怎么做？.

非常感谢。

Answer 1

该示例显示了如何在标题区域中放置一个动态的、自动生成的链接。但是你可以采取更直接的方法。简而言之，您可以在标题中添加任何您想要的 HTML。例如，缩略图可能看起来像这样，在标题中生成两个文本链接：

<a href='slides/bears1.jpg' class='highslide' onclick='return hs.expand(this)'>
<img src='thumbs/bears1.jpg' width='124' height='93' alt='bears1' title=''></a>
<div class='highslide-caption'>This is the basic caption.<br>This is <a href='http://cnn.com'>a link to CNN</a>.<br>This is <a href='http://nbcnews.com'>a link to NBC News</a>.</div>

Answer 2

看看这个新的演示：http ://roadrash.no/hs-support/gallery-in-page-with-large-imagelink-in-caption-and-additional-link.html这是对演示的修改你已经在使用了。

在旧演示中替换它：

// Inserting link to large image in caption
hs.Expander.prototype.onAfterGetCaption = function(sender) {
    if (sender.caption) {
        sender.caption.innerHTML += '<br /><a href="' + sender.content.src + '" class="highslide" onclick="return stopSlideshowAndExpand(this, largeImage)">View large image</a>';
    }
};

有了这个：

// Inserting link to large image and additional link in the caption
hs.Expander.prototype.onAfterGetCaption = function(sender) {
    if (sender.caption) {
        sender.caption.innerHTML += '<br /><a href="' + sender.content.src + '" class="highslide" onclick="return stopSlideshowAndExpand(this, largeImage)">View large image</a><br /><a href="' + this.custom.url + '" class="highslide" target="_blank"><span style="font-size: 12px; font-style: italic;">Go to ' + this.custom.linktext + ' </span><span style="font-size: 7px; font-style: italic;">(opens in new tab)</span></a>';
    }
};

新演示中图像的 HTML 标记如下所示：

<a class='highslide' href='images/016.large.jpg' onclick="return hs.expand(this, inPageOptions, {url: 'http://highslide.com/ref/', linktext: 'Highslide API reference page'} )">
    <img src='images/016.smallthumb.jpg' alt='Autumn leaves'/>
</a>

url将和的内容替换为linktext您自己的 url 和文本。