회전판 뷰어

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

CarouselViewer([config])

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

매개 변수

config

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

  • containerId - {String} 뷰어가 삽입되는 DOM 컨테이너(일반적으로 DIV )의 ID입니다. 이 메서드가 호출될 때까지 컨테이너 요소를 만들 필요가 없습니다. 그러나 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" 
} 
});

이 페이지에서는