0

有什么方法可以使用相同的链接或按钮来关闭 Higslide iframe 作为打开它的那个？

如果您查看 highslide 示例并单击“iframe 中的内容”，它会很好地打开。要关闭它，您可以单击 esc 或刚刚打开的幻灯片中的关闭 (X) 按钮。

我想要实现的是通过单击“iframe 中的内容”链接来关闭它，这与我打开 highslide 的链接相同。

在此示例中，您需要移动上滑梯以查看“iframe 中的内容”，因为它在该链接的顶部打开。但我用

targetX: 'my-target 0px',
targetY: 'my-target 24px',

所以看起来像这样

<div id="my-target">
<a href="test_include-short_highslide.htm"  
    target="_blank" 
    onclick="return hs.htmlExpand(this, { 
    objectType: 'iframe', 
    anchor: 'top left',
    targetX: 'my-target 0px',
    targetY: 'my-target 24px',
    width: 350, 
    height: 250} )">
    Content in iframe
</a>
</div>
4

1 回答 1

0

您可以使用onmousedown从同一链接关闭弹出窗口。

<div id="my-target">
<a href="test_include-short_highslide.htm"  
    target="_blank" 
    onclick="return hs.htmlExpand(this, { 
    objectType: 'iframe', 
    anchor: 'top left',
    targetX: 'my-target 0px',
    targetY: 'my-target 24px',
    width: 350, 
    height: 250} )" 
    onmousedown="return hs.close(this)">
    Content in iframe
</a>
</div>

现场演示：http: //jsfiddle.net/xWLrU/

于 2013-07-09T01:42:14.970 回答