Добавление еще одной ссылки в Highslide Caption Area

Question

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

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 Это является модификацией demo вы уже используете.

Заменить это в старой демо:

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