[javascript] 자바스크립트 Universal Viewer에서 제공하는 슬라이드쇼 기능

30 Nov 2023

javascript

슬라이드쇼 기능을 사용하면 사용자는 이미지나 동영상 등의 콘텐츠를 자동으로 전환하며 감상할 수 있습니다. Universal Viewer에서는 다양한 설정을 통해 슬라이드쇼를 사용자의 요구에 맞게 커스터마이징할 수 있습니다.

Universal Viewer의 슬라이드쇼 기능을 사용하려면 다음과 같은 단계를 따르면 됩니다:

Universal Viewer를 웹 페이지에 로드합니다.

<script src="universalviewer.js"></script>
<link rel="stylesheet" type="text/css" href="universalviewer.css">

슬라이드쇼를 적용할 콘텐츠를 Universal Viewer에 추가합니다.

var manifestUri = 'https://example.com/manifest.json';
var manifest = {
  'manifestUri': manifestUri
};

var uv = new UniversalViewer({
  'manifests': [manifest]
});

슬라이드쇼 기능을 활성화합니다.

uv.slideshowEnable();

이제 Universal Viewer에 추가한 콘텐츠들이 슬라이드쇼로 자동 전환될 것입니다. 슬라이드쇼의 전환 속도, 전환 효과 등을 변경하려면 Universal Viewer의 설정 옵션을 사용할 수 있습니다. 자세한 내용은 Universal Viewer의 공식 문서를 참조하시기 바랍니다.

참고 문헌: