2017-04-10 5 views
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> 

답변

1

OSD에 직접 해당 기능이없는 것처럼 보입니다 (물론 문제를 제기하거나 패치를 추가 할 수는 있지만).

viewer.referenceStrip.element.style.display = 'none'; 

... 그리고 그것을 보여줍니다 :

viewer.referenceStrip.element.style.display = 'block'; 
당신이 지금 같은과 referenceStrip을 숨길 수있을 것 같아