flexpaper 가리기div 해결 방법
최근 flexpaper 전시를 하던 중div층을 가리는 문제에 부딪혀 해결책을 공유했습니다.
flexpaper는 flash에 속하지만 flash는 기본적으로 페이지의 맨 위에 있습니다. 이렇게 하면 다른div층을 가리고 z-index와 수직 화면의 좌표를 설정하는 데 아무런 효과가 없습니다.
해결 방법:
flexpaperflash.js 및 flexpaperflash_debug.js 이 두 파일의 탭에 이 코드를 추가합니다.
var vars = "";
if (conf) {
for (var k in conf) {
if (conf[k]) {
var val = conf[k];
vars += k +'='+ (/function|object/.test(typeof val) ? f.asString(val) : val) + '&';
}
}
vars = vars.slice(0, -1);
html += '';
}
html += '';
mode 속성은 세 가지 모드가 있는데 그것이 바로 window,opaque,transparent이다.
(1) window 모드
기본적으로 디스플레이 모드입니다. 이런 모드에서 플래시 플레이어는 자신의 창 핸들을 가지고 있습니다. 이것은 플래시 영화가 Windows에 존재하는 실례이고 브라우저의 핵심 디스플레이 창 위에 있기 때문에 플래시는 브라우저에 나타나는 것 같지만 이것은 플래시가 가장 빠르고 효율적인 렌더링 모드입니다.브라우저와 독립적인 HTML 렌더링 표면이기 때문에, 기본 디스플레이 방식에서 플래시는 항상 위치와 일치하는 모든 DHTML 층을 가립니다.
그러나 대부분의 애플 컴퓨터 브라우저는 DHTML층이 플래시 위에 나타나는 것을 허용하지만 플래시 영화가 재생될 때 비교적 이상한 현상이 나타난다. 예를 들어 DHTML층이 플래시에 긁힌 것처럼 이상하게 나타난다.
(2) Opaque 모드
이것은 창이 없는 모드입니다. 이 경우 플래시플레이어는 자신의 창 핸들이 없습니다. 이것은 브라우저가 플래시플레이어에게 브라우저의 렌더링 표면에 그려진 시간과 위치를 알려야 합니다.이때 플래시 필름은 브라우저 HTML 렌더링 표면보다 높지 않고 다른 요소와 같은 페이지에 있기 때문에 z-index 값을 사용하여 DHTML 요소가 플래시를 가리거나 가려지는 것을 제어할 수 있다.
(3) Transparent 모드
투명 모드, 이런 모드에서 플래시 플레이어는 스테이지의 배경색 알파 값을 0으로 하고 스테이지에서 실제로 볼 수 있는 대상만 그릴 수 있다. 마찬가지로 z-index를 사용하여 플래시 영화의 깊이 값을 제어할 수 있지만 Opaque 모드와 달리 이렇게 하면 플래시 영화의 재생 효과를 낮출 수 있다.또한 9.0.115 이전의 플래시 플레이어 버전에서 wmode="opaque"또는 "transparent"를 설정하면 전체 화면 모드가 효력을 상실할 수 있습니다.
인터넷의 일부 자료에 따르면 다른 브라우저(firefox opera etc.)는 embed 노드에 wmode 값을 추가하는 데 사용된다고 한다.나는 이런 상황이 나타나지 않았고 embed라는 라벨을 넣지 않았다.
영:flexpaper를 표시할 때 Firefox가 표시되지 않고 다른 브라우저가 표시될 수 있는 상황을 만났습니다. 연구를 통해 ZoomTransition:'easeOut'이라는 인자를 추가하지 않은 것을 발견했습니다.
flexpaper의 일반적인 매개변수는 다음과 같습니다.
SwfFile(String)에서 Flexpaper로 열어야 하는 문서
스케일링을 초기화하려면 매개변수 값이 0보다 큰 정수여야 합니다.
ZoomTransition(String) Flexpaper에서 스타일의 크기를 조정합니다. 이 스타일은 Tweener와 같은 스타일을 사용합니다. 기본 매개 변수는 easeOut입니다.기타 선택 가능한 값은 easenone, easeout,linear, easeoutquad
ZoomTime(Number)이 배율에서 다른 배율로 바뀌는 데 걸리는 시간은 0 이상이어야 합니다.
ZoomInterval(Number) 배율 사이의 간격은 기본값은 양수인 0.1입니다.
FitPageOnLoad(Boolean)는 도구막대에 있는 페이지 적응 단추를 사용하는 것과 같은 효과로 초기화됩니다.
FitWidthOnLoad(Boolean)를 초기화할 때 페이지 너비에 맞게 도구막대의 너비 적응 버튼과 같은 효과를 냅니다.
현재 지원되는 localeChain 설정 지역(String)
en_US (English)
fr_FR (French)
zh_CN (Chinese, Simple)
es_ES (Spanish)
pt_BR (Brazilian Portugese)
ru_RU (Russian)
fi_FN (Finnish)
de_DE (German)
nl_NL (Netherlands)
tr_TR (Turkish)
se_SE (Swedish)
pt_PT (Portugese)
el_EL (Greek)
da_DN (Danish)
cz_CS (Czech)
it_IT (Italian)
pl_PL (Polish)
pv_FN (Finnish)
hu_HU (Hungarian)
Full Screen AsMax Window(Boolean)가 true로 설정되었을 때 전체 화면 단추를 누르면 flexpaper가 전체 화면이 아닌 최대화된 새 창이 열립니다. flash 플레이어가 안전해서 전체 화면을 금지하고 flexpaper를 독립된 flash 플레이어로 사용할 때true로 설정하는 것이 우선입니다.
Progressive Loading(Boolean)은true로 설정되었을 때 문서를 보여줄 때 전체 문서를 불러오지 않고 점차적으로 불러오지만 문서를 9 이상의 플래시 버전으로 전환해야 한다(pdf2swf를 사용할 때 - T 9 라벨을 사용한다).
MaxZoomSize(Number)는 최대 배율을 설정합니다.
MinZoomSize(Number)의 최소 배율
SearchMatchAll(Boolean)이 true로 설정되면 를 클릭하여 조건에 맞는 모든 강조 표시를 검색합니다.
InitViewMode(String)는 Portrait or TwoPage와 같은 시작 모드를 설정합니다.
ViewModeToolsVisible(Boolean) 도구 모음에 스타일 선택 상자가 표시되는지 여부
ZoomToolsVisible(Boolean) 도구 모음에 배율 조정 도구가 표시되는지 여부
NavToolsVisible(Boolean) 도구 모음에 탐색 도구가 표시되는지 여부
CursorToolsVisible(Boolean) 도구 모음에 커서 도구가 표시되는지 여부
SearchToolsVisible (Boolean)
도구막대에 검색을 표시할지 여부입니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.