使用相同按钮打开和关闭高滑坡

时间:2013-07-08 19:50:23

标签: highslide

有没有办法使用相同的链接或按钮关闭Higslide iframe作为你打开它的那个?

如果您查看highslide example并点击“iframe中的内容”,则会很好地打开。要关闭它,您可以单击esc或刚刚打开的高滑动中的关闭(X)按钮。

我想要实现的是通过点击“iframe中的内容”链接来关闭它,这是我打开高流失的链接。

在此示例中,您需要移动高滑块才能看到“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>

1 个答案:

答案 0 :(得分: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/