FlyoutViewer

인라인 확대/축소 뷰어에 대한 JavaScript API 참조.

FlyoutViewer([config])

생성자; 인라인 확대/축소 뷰어 인스턴스를 만듭니다.

매개 변수

config

{Object} 선택적 JSON 구성 개체로서, 모든 뷰어 설정이 생성자에 전달되고 개별 setter 메서드를 호출하지 않도록 합니다. Contains the following properties:

  • containerId - {String} DOM 컨테이너의 ID(일반적으로 DIV ) 뷰어가 삽입되는 위치에 포함될 수 있습니다. 이 메서드가 호출될 때까지 컨테이너 요소를 만들 필요가 없습니다. 그러나 이 컨테이너는 init() 가 실행됩니다. 필수.
  • params - {Object} 뷰어 구성 매개 변수가 있는 JSON 개체. 여기서 속성 이름은 뷰어별 구성 옵션 또는 SDK 수정자이고 해당 속성의 값은 해당 설정 값입니다. 필수.
  • handlers - {Object} JSON object with viewer event callbacks, where the property name is the name of supported viewer event, and the property value is a JavaScript function reference to an appropriate callback. 선택 사항입니다.

    자세한 내용은 이벤트 콜백 뷰어 이벤트에 대한 자세한 정보.

  • localizedText - { 개체 } 현지화 데이터가 있는 JSON 개체. 선택 사항입니다.

    자세한 내용은 사용자 인터페이스 요소의 로컬라이제이션 추가 정보.

    자세한 내용은 Viewer SDK 사용 안내서 및 예제를 참조하십시오.

반환

없음.

예

var inlineZoomViewer = new s7viewers.FlyoutViewer({
 "containerId":"s7viewer",
"params":{
 "asset":"Scene7SharedAssets/ImageSet-Views-Sample",
"config" : "Scene7SharedAssets/Universal_HTML5_Zoom_Inline",
"contenturl" : "http://s7d1.scene7.com/is/content/",
 "serverurl":"http://s7d1.scene7.com/is/image/"
},
"handlers":{
 "initComplete":function() {
  console.log("init complete");
}
},
"localizedTexts":{
"en":{
"FlyoutZoomView.TIP_BUBBLE_OVER":"Mouse over to zoom"
},
"fr":{
"FlyoutZoomView.TIP_BUBBLE_OVER":"Passez la souris sur pour zoomer"
},
defaultLocale:"en"
}
});

이 페이지에서는