0
ReferenceStrip (속성 : showReferenceStrip) 토글 버튼을 갖고 싶습니다. 변수가 런타임에 업데이트 되더라도 시각적으로 업데이트되지는 않습니다. 업데이트 방법이 있습니까?런타임시 openseadragon 업데이트 속성 showReferenceStrip
<html>
<button id="toggleRefStrip">Toggle Preview</button>
<div id="osd-container" style="width: 950px; height: 1200px;"></div>
<script src="openseadragon/openseadragon.min.js"></script>
<script type="text/javascript">
var toggleRefStripBtn = document.getElementById("toggleRefStrip");
toggleRefStripBtn.addEventListener("click",function(e){
if(viewer.showReferenceStrip === true) { viewer.showReferenceStrip = false;}
else {viewer.showReferenceStrip = true;}
console.log("viewer.showReferenceStrip: " + viewer.showReferenceStrip);
});
var viewer = OpenSeadragon({
crossOriginPolicy: 'Anonymous',
visibilityRatio: 1.0,
showRotationControl: true,
defaultZoomLevel: 1.6,
minZoomImageRatio: 0.4,
//zoomPerScroll: 1, //deactivate mouse/finger zooming
id: "osd-container",
tileSources: ["images/T/1.dzi", "images/T/2.dzi", "images/T/3.dzi", "images/T/4.dzi"],
sequenceMode: true,
showReferenceStrip: false,
});
</script>
</html>