Set bounds of image.

This commit is contained in:
r3tk0n 2019-04-05 15:44:34 -07:00
parent e03e78cc8c
commit e3fdbc3b3c

View file

@ -55,11 +55,9 @@
} }
#image_button { #image_button {
width: 480; width: 930;
height: 720; height: 806;
margin: auto; top: 312; left: 16; right: 17; bottom: 294;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
} }
#report_problem { #report_problem {
@ -70,28 +68,28 @@
text-decoration: none; text-decoration: none;
color: #ddd; color: #ddd;
} }
</sty le> </style>
<script> <script>
var handControllerImageURL = null; var handControllerImageURL = null;
var index = 0; var index = 0;
var count = 3; var count = 3;
var handControllerRefURL = https://docs.highfidelity.com/en/rc81/explore/get-started/vr-controls.html#vr-controls; var handControllerRefURL = "https://docs.highfidelity.com/en/rc81/explore/get-started/vr-controls.html#vr-controls";
var keyboardRefURL = https://docs.highfidelity.com/en/rc81/explore/get-started/desktop.html#movement-controls; var keyboardRefURL = "https://docs.highfidelity.com/en/rc81/explore/get-started/desktop.html#movement-controls";
var gamepadRefURL = https://docs.highfidelity.com/en/rc81/explore/get-started/vr-controls.html#gamepad; var gamepadRefURL = "https://docs.highfidelity.com/en/rc81/explore/get-started/vr-controls.html#gamepad";
function showKbm() { function showKbm() {
document.getElementById("main_image").setAttribute("src", "img/tablet-help-keyboard.jpg"); document.getElementById("main_image").setAttribute("src", "img/tablet-help-keyboard.jpg");
document.getElementById("main_image").setAttribute("href", keyboardRefURL); document.getElementById("image_button").setAttribute("href", keyboardRefURL);
} }
function showHandControllers() { function showHandControllers() {
document.getElementById("main_image").setAttribute("src", handControllerImageURL); document.getElementById("main_image").setAttribute("src", handControllerImageURL);
document.getElementById("main_image").setAttribute("href", handControllerRefURL); document.getElementById("image_button").setAttribute("href", handControllerRefURL);
} }
function showGamepad() { function showGamepad() {
document.getElementById("main_image").setAttribute("src", "img/tablet-help-gamepad.jpg"); document.getElementById("main_image").setAttribute("src", "img/tablet-help-gamepad.jpg");
document.getElementById("main_image").setAttribute("href", gamepadRefURL); document.getElementById("image_button").setAttribute("href", gamepadRefURL);
} }
function cycleRight() { function cycleRight() {
@ -185,6 +183,7 @@
<img id="main_image" src="img/tablet-help-keyboard.jpg" width="480px" height="720px"></img> <img id="main_image" src="img/tablet-help-keyboard.jpg" width="480px" height="720px"></img>
<a href="#" id="left_button" onmousedown="cycleLeft()"></a> <a href="#" id="left_button" onmousedown="cycleLeft()"></a>
<a href="#" id="right_button" onmousedown="cycleRight()"></a> <a href="#" id="right_button" onmousedown="cycleRight()"></a>
<a href="#" id="image_button"></a>
</div> </div>
<a href="mailto:support@highfidelity.com" id="report_problem">Report Problem</a> <a href="mailto:support@highfidelity.com" id="report_problem">Report Problem</a>
</body> </body>