2010-02-19 7 views
1

라이트 박스 스타일 팝업으로 플래시 비디오를 보여주기 위해 shadowbox js를 사용하고 있습니다.섀도우 박스 타이밍 문제

지금까지이 일하고 그러나 나는이 문제가 :

페이지가로드하고 사용자가 너무 일찍 쉐도우는 SWF 직접로드 (더 팝업이 나타납니다)됩니다 열어야합니다 링크 된 이미지를 클릭합니다. 또한 스크립트는이 경우 중지되고 오른쪽 클릭 리스너를 지정하지 않으므로 섀도우 박스는 이후의 클릭에도 표시되지 않습니다.

쉐도우 3.0.1

누구나, 어떤 솔루션을 동일한 문제가 발생했습니다? 감사합니다. .

답변

2

섀도우 박스가 처음 호출 된 시간에 대한 정보를 게시하지 않았습니다.

내 추측이 맞으면 onload 이벤트 처리기에서 shadowbox를 실행하고 있습니다. DOM이 준비되면 호출 해보세요.

jQuery를 :

$(document).ready(function(){ 
//call it here 
}); 

[편집] 귀하의 의견에 대응 .

이것이 도움이되지 않는다면 하나의 해결 방법 만 있습니다. '()를 $

과,

위 한 줄 수 있어야
<script> 
$('<div></div>') 
    .css({width:'100%',height:'100%', 
'position':'fixed','top':'0px',left:'0px', 
'z-index':'10000'}) 
.addClass('cover'); 
.prependTo('body'); 
</script> 

머리

단지 라인로드 JQuery와 스크립트 후이 추가,하지만 그것은 유래의 CSS에 의해 절단되는 것. cover '). remove(); 언제 모든 것이로드되었는지 확신합니다.

pageload에 많은 코드가 실행될 때 수행합니다.)

+0

답장을 보내 주셔서 감사합니다. 하지만 이미 그 접근법을 시도 했었습니다. 동일한 문제입니다. 내 사이트에는 페이지의 전체 로딩을 연기하는 외부 스크립트 (Google Analytics 등)가 있습니다. 나는 그것이 그것과 관련이 있다고 생각한다. 그러나 실제로 섀도우 박스 홈페이지에서도 문제를 재현 할 수 있습니다 : http://www.shadowbox-js.com/index.html (로딩 후 페이지를로드하고 상자를 클릭하면 매우 빠르게 실행됩니다) – hugri

+0

수정 사항을 참조하십시오. 도움이 될 것입니다! 감사합니다. – naugtur

+0

. 난 그냥 쉐도우의 사업부 전에 사업부를 추가 :

제거 방법은 당신의 대답처럼 동일 정확한 솔루션 (단지 아무것도 첨가하지 않은) 나를 위해 작동하지 않았다에도 불구하고 나는 그것의 수정 된 버전을 사용했다. 투명 이미지는 IE가 투명 div를 무시하는 것처럼 보이고 링크가 여전히 클릭 가능하다는 문제를 해결했습니다. 감사! – hugri