회전목마 뷰어

마지막 업데이트: 2023-05-22
  • 작성 대상:
  • Developer
    User

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

CarouselViewer([config])

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

매개 변수

config

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

  • containerId - {String} DOM 컨테이너 ID(일반적으로 DIV )에 뷰어를 삽입합니다. 이 메서드가 호출될 때 컨테이너 요소를 만들 필요가 없습니다. 단, 컨테이너는 다음과 같은 경우에 존재해야 합니다. init() 가 실행되었습니다.

    필수.

  • 매개 변수 - {Object} 속성 이름이 뷰어별 구성 옵션 또는 SDK 수정자이고 해당 속성 값이 해당 설정 값인 뷰어 구성 매개 변수가 있는 JSON 개체입니다.

    필수.

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

    선택적.

    다음을 참조하십시오 이벤트 콜백 뷰어 이벤트에 대한 자세한 정보.

  • 지역화된 텍스트 - {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"
}
});
이전 페이지
Next page

이 페이지의