2013-07-08 2 views
0

Higslide iframe을 열 때 동일한 링크 또는 버튼을 사용하는 방법이 있습니까?동일한 버튼으로 열기 및 닫기 하이 슬 라이드

highslide example을 체크 아웃하고 'iframe의 콘텐츠'를 클릭하면 멋지게 열립니다. 그것을 닫으려면 Esc를 누르거나 그냥 지나가는 고산에서 Close (X) 버튼을 클릭하십시오.

내가 원하는 것은 "iframe의 콘텐츠"-link를 클릭하여 닫는 것입니다.이 링크는 highslide를 연 것과 매우 동일한 링크입니다.

이 예에서는 하이 링크를 이동하여 "iframe의 콘텐츠"를 볼 수 있습니다. 링크가 위쪽에 표시되어 있기 때문입니다. 하지만

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

으로 hislide 이동 그래서이

<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/