저는 JavaScript가 처음이에요. 저는이 문제를 해결하는데 어려움을 겪고 있습니다.자바 스크립트 메소드의 값 변경
메서드에서 값을 전환 할 onclick 이벤트를 만들려고합니다. 나는 OpenSeadragon를 사용하고 있는데 나는이 현재의 onclick으로 설정 한 : 내 HTML에서 버튼을 누르면
viewer.world.getItemAt(1).setOpacity(0);
, 나는이 레이어를 발표 할 예정이다 0과 1 (0) 전환 할 setOpacity 필요 OpenSeadragon에서 설정했습니다. 레이어가 .getItemAt (1)에 반영됩니다. 다음은 코드가있는 페이지에 대한 링크입니다 : http://web.stanford.edu/~cmalex/woel. 어떤 도움을 주시면 더 좋구요
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta name = "viewport" content = "user-scalable = no">
<title>Wonder of Everyday Life</title>
<link rel="stylesheet" href="styles/normalize.css/normalize.css" type="text/css" media="screen">
<link rel="stylesheet" href="styles/main.css" type="text/css" media="screen">
<script src="scripts/jquery.min.js"></script>
</head>
<body>
<div id="header">
<h1 class="museum">Cantor Arts Center</h1>
<h1><a href="javascript:history.go(0)" class="show">Restart</a></h1>
</div>
<div id="subheader">
<h2>The Wonder of Everyday Life</h2>
<p>Dutch Golden Age Prints</p>
</div>
<div id="openseadragon"></div>
<div id="instructions">
<p>Pinch and Zoom or use controls</p>
</div>
<div id="footer">
<div id="toolbar">
<a id="zoom_in" href="#zoom_in"></a>
<a id="zoom_out" href="#zoom_out"></a>
<a id="reset" href="#reset"></a>
<a id="view" onclick="viewer.world.getItemAt(1).setOpacity(0);"></a>
</div>
</div>
<script src="scripts/openseadragon.min.js"></script>
<script type="text/javascript">
var viewer = OpenSeadragon({
id: "openseadragon",
prefixUrl: "scripts/images/",
tileSources: "openseadragon/map.dzi",
opacity: 1,
zoomInButton: "zoom_in",
zoomOutButton: "zoom_out",
homeButton: "reset",
showNavigator: true,
navigatorPosition: "ABSOLUTE",
navigatorTop: "10px",
navigatorLeft: "10px",
navigatorHeight: "145px",
navigatorWidth: "125px",
visibilityRatio: 1.0,
constrainDuringPan: true
});
viewer.addTiledImage({
tileSource: "openseadragon/overlay.dzi",
index: 1
});
</script>
</body>
</html>
:
여기에 전체 코드입니다!
주 코드는 온 클릭 사용자가 만든 이벤트 및 콘솔에서 얻을 오류를 적어주세요 문제 –
을 설명합니다. 또한 레이어로 오버레이를 의미합니까? – Icewine
안녕하세요 @ Akshaypadwal. 위의 코드를 업데이트했습니다. 당신의 도움을 주셔서 감사합니다. 더 이상 정보가 필요하면 알려주세요! – cmalexander