2013-07-08 53 views
0

是否有任何方式使用相同的鏈接或按鈕來關閉Higslide iframe?使用相同的按鈕打開和關閉高速滑塊

如果檢出highslide example並點擊「iframe中的內容」好聽打開。要關閉它,您可以單擊esc或剛剛打開的高滑塊中的Close(X)按鈕。

我想才達到的通過點擊「內容中的iframe」 -link,我打開與highslide非常相同的鏈接將其關閉。

在這個例子中,你需要移動highslide看到「在iframe中的內容」,因爲它在該鏈接的頂部打開了。但我移動hislide與

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> 

回答

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/