更改Highslide Iframe的演示文稿

我现在正在试验Highslide，目前印象非常深刻。更改Highslide Iframe的演示文稿

我已经能够自定义画廊到我想要的，但我有一个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>

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

来源

2013-05-03 TrapezeArtist

这个例子应该引导你朝着正确的方向发展。注意叠加定位，并添加CSS的 “关闭” 按钮：

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

来源

2013-05-03 11:06:57 MisterNeutron

感谢EarlyOut。尽管如此，我还没有完成。正如我所说，我可以完全删除头和页脚与CSS。我无法找到的位是在标题中创建关闭链接的代码的位置。如果我能找到，我想我可以把它移到页脚。 – TrapezeArtist 2013-05-03 18:00:37

该演示页面上的代码完全正确。 hs.registerOverlay将按钮（将“右上角”更改为“右下角”），CSS类进行精确定位，并且close.png文件是标准Highslide分布的一部分。关闭按钮并未放置在页眉或页脚中 - 叠加层位于主扩展器框架本身上。 – MisterNeutron 2013-05-03 19:48:19

到达那里！我现在唯一的问题是，新的“关闭”链接也出现在图库弹出窗口中，我不想要它。我在参考页面找到了useOnHtml参数，但不幸的是，似乎没有useOnHtmlButNotOnAnythingElse参数。 – TrapezeArtist 2013-05-03 22:02:57

更改Highslide Iframe的演示文稿

回答

相关问题