2009-10-19 3 views
0

상당히 큰 js 라이트 박스 갤러리가 있고 페이지로드가 끝나기 전에 성급한 사용자가 엄지 손가락을 클릭 할 수 있습니다. 그러면 실제 이미지를 열지 못할 수 있습니다. "멋진"js 팝업 효과.자바 스크립트가로드 될 때까지 사용자를 클릭하지 않게하는 방법 (라이트 박스)

클릭하기 전에 페이지로드가 완료되기를 기다리는 사용자를 "강요하는"좋은 방법이 있습니까?

당신에게 내가 바로 당신을 얻을 경우

+1

확실히 기다리는 것이 좋지 않습니까? – RichardOD

답변

4

이 작업을 수행하는 가장 좋은 방법은 투명하거나 약간 회색 인 div를 전체적으로 배치하는 것입니다 페이지는 매우 높은 z-order 값을 가지므로 다른 모든 요소보다 위에 위치합니다.

이 트릭은 네이티브 HTML로 배치하여 다른 처리가 일어나기 전에로드되고 렌더링되기 때문에 사용자가 반응 할 수있는 기회입니다. 그런 다음 페이지에서 다른 모든로드가 완료되면 js를 통해 제거하십시오.

2

확실하지 주셔서 감사합니다 : 당신은 당신의 conent 위의 투명 div이 뭔가를 넣어 시도 할 수

을하므로 사용자 는 클릭을 수행 할 수 없습니다 . 나는. 더 정확하게하려면 클릭 수가 에 의해 원하지 않는 영향을 미치지 않습니다. ^^

2

이런 종류의 문제에 대해서는 archetype.js을 사용합니다. 그는 귀하의 페이지에 필요한 모든 것을 (CSS, 템플릿, 자바 스크립트)로드하고 사용자가 무언가를 할 수있게합니다. 그리고 손으로 직접하는 것을 피하십시오 (많은 자바 스크립트를 사용하는 경우 더럽고 쉽지 않을 수 있습니다)

+1

이것은 intresting이다. .. 이것에 관해 결코 전에 들었다.. 반드시 시험 할 것이다. 감사합니다. – 0plus1

1

앵커에 대한 인라인 onclick = "return false"- 가장 쉬운 방법입니다.