Добавление еще одной ссылки в области заголовка Highslide

Question

Я использую этот пример для моего сайта:.

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

Мне нужно добавить еще одну ссылку рядом с существующей ссылкой в ​​области заголовка. Как мне это сделать?,

Большое спасибо.

Answer 1

В этом примере показано, как поместить динамическую автоматически генерируемую ссылку в область заголовка. Но вы можете использовать гораздо более прямой подход. Короче говоря, вы можете поместить любой заголовок в заголовок. Например, эскиз может выглядеть следующим образом, создавая две текстовые ссылки в заголовке:

<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 и текстом.