0

我目前正在尝试使用 Highslide，目前印象非常深刻。

我已经能够根据我的需要自定义图库，但是我对 iframe 的运气不太好。弹出窗口的右上角带有一个带有“关闭”链接的标题，右下角还有一个调整大小的图标。

我可以删除页眉和页脚

.highslide-header {
display: none;
}
.highslide-footer {
display: none;
}

在 CSS 中，我可以在 CSS 中使用其他设置。但是我找不到将“关闭”链接放入页脚的方法。（我想关闭到右下角。）

任何指导将不胜感激。

我的最终解决方案 在解决了 EarlyOut 的建议后，我仍然遇到问题。最终的解决方案是删除上面提到的页眉和页脚，然后将“关闭”链接放在标题中（这是一个特殊的自定义覆盖）。这只需要在 html 中添加一点点额外代码，这样缩略图链接就变成了

<a href="URL_of_the_target_file" onclick="return hs.htmlExpand(this, { 
        objectType: 'iframe', width: 665, 
        height: null } )"></a>
<div class='highslide-caption closer'>
<a href="#" onclick="return hs.close(this)">CLOSE</a>
</div>

我添加了“closer”类，因为它似乎是格式化“Close”链接的最简单方法。

4

1 回答 1

0

这个例子应该引导你朝着正确的方向前进。注意“关闭”按钮的覆盖定位和添加的 CSS：

http://www.roadrash.no/hs-support/example-iframes-different-closebuttons.html

于 2013-05-03T11:06:57.680 回答