별도의 팝업 창 대신 링크를 사용하여 오버레이를 열려고합니다. 이 오버레이는 전체 화면이 클릭되는 것을 차단하는 반투명 div 레이어로 구성되어야합니다. 나는 또한이 시점에서 스크롤을 사용하지 않는 것을 목표로한다. 메인 페이지의 어디에 있든 상관없이 링크를 클릭하면 오버레이가 화면의 X 및 Y 원점의 중심에 있어야합니다. 이 오버레이 div 내부에는 3 가지 크기의 콘텐츠를로드 할 수 있도록 구성된 iframe이어야합니다. 거대한 javascript 라이브러리없이 Netflix 스타일 iframe 오버레이를 만들려면 어떻게해야합니까?
자바 스크립트 ext 라이브러리를 가져옵니다. 모달 인 오버레이 기능이 있습니다.
Shadowbox은 인라인 "팝업"을위한 멋진 스크립트입니다. 임의의 (jQuery, Prototype 등)을 사용하거나 자체적으로 사용하는 경우 일반적인 JS 라이브러리에서 작동 할 수 있으므로 꽤 포괄적 인 스키닝 시스템을 사용하여 소스 코드 자체에 들어갈 필요없이 외형을 적용 할 수 있습니다.
나는 또한 모든 일반적인 브라우저에서 안정적으로 작동 할 수 있도록 시도한 유일한 스크립트 (수십 가지가 있음)입니다.
스크롤을 사용 중지하지 않지만 (검은 색 오버레이를 통해 일반 페이지 배경 스크롤을 볼 수는 있지만) 화면에 고정되어있는 경우에도 '팝업'이 계속 표시됩니다.
일반적으로이 경우 ThickBox을 사용합니다. 그것은 정말 잘 작동하고 사용자가 JS가 켜져 있지 않으면 멋지게 저하됩니다.
jQuery를 사용하지만 Google에서로드 할 수 있습니다 (http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js). 캐싱의 이점을 얻을 수 있습니다.
Thickbox와 (더 이상 개발은) 아주 잘 작동하는 것 같다이 라이브러리를 알려준 :
http://onehackoranother.com/projects/jquery/boxy/
jQuery.boxy 다른 좋은 경량 모달 대화 플러그인입니다.
이제 멋지게 작성되었습니다. 그래도 너비가 무너지는 문제가 있습니다 ... – user18526
^^ 당신이 보여주고 자하는 것을 볼 수 없습니다. 문제가 있다면 Google 그룹 지원팀에 문의하십시오. – Subimage