Question

我目前正在试验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>

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

Answer 1

此示例应引导您朝着正确的方向前进。请注意叠加定位并为“关闭”按钮添加CSS：

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

更改Highslide Iframe的演示文稿

1 个答案: