회전판 뷰어

회전판 뷰어에 대한 JavaScript API 참조.

CarouselViewer([config])

생성자에서 HTML 5 회전 뷰어 인스턴스를 만듭니다.

매개 변수

config

{object} 선택 사항인 JSON 구성 개체를 사용하면 개별 setter 메서드를 호출하지 않도록 모든 뷰어 설정을 생성자에 전달할 수 있습니다. 다음 속성을 포함합니다.

  • containerId - {String} DOM 컨테이너의 ID(일반적으로 DIV ) 뷰어가 삽입되는 위치에 포함될 수 있습니다. 이 메서드가 호출될 때까지 컨테이너 요소를 만들 필요가 없습니다. 그러나 이 컨테이너는 init() 가 실행됩니다.

    필수.

  • params - {Object} 뷰어 구성 매개 변수가 있는 JSON 개체. 여기서 속성 이름은 뷰어별 구성 옵션 또는 SDK 수정자 이며 해당 속성의 값은 해당하는 설정 값입니다.

    필수.

  • 핸들러 - {Object} 뷰어 이벤트 콜백이 있는 JSON 개체. 여기서 속성 이름은 지원되는 뷰어 이벤트의 이름이고 속성 값은 적절한 콜백에 대한 JavaScript 함수 참조입니다.

    선택 사항입니다.

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

  • localizedText - {Object}

    로컬라이제이션 데이터가 있는 JSON 개체. 객체 컨텐츠에 대한 자세한 내용은 사용자 인터페이스 요소 현지화 및 예를 참조하십시오.

    선택 사항입니다

반환

없음.

예

var carouselViewer = new s7viewers.CarouselViewer({
 "containerId":"s7viewer",
"params":{
 "asset":"/content/dam/dm-public-facing-live-demo-page/04_shoppable_carousel/05_shoppable_banner",
 "serverurl":"https://adobedemo62-h.assetsadobe.com/is/image"
},
"handlers":{
 "initComplete":function() {
  console.log("init complete");
}
},
"localizedTexts":{
"en":{
"PanLeftButton.TOOLTIP":"Left"
},
"fr":{
"PanLeftButton.TOOLTIP":"Gauchiste"
},
defaultLocale:"en"
}
});

이 페이지에서는