<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="K.Ryueiの趣味について詳細に書き綴ったページです" /> <link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css" /> <link rel="stylesheet" href="vrtest.css"> <link href="https://fonts.googleapis.com/css?family=M+PLUS+1p" rel="stylesheet"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Monoton&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Kanit&display=swap" rel="stylesheet"> <title>VirtualSchool</title> </head> <body> <!-- header --> <header id="header"> <h1>VirtualSchool</h1> <nav> <ul> <li><a href="#">使い方</a></li> <li><a href="https://www.yatex.org/gitbucket/koekiInfoDesign/2023-Ryuei/pages/test/vrtest.js">JavaScript</a></li> </ul> </nav> </header> <main> <div class="container"> <div class="item-left"> <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?校舎1.jpg')">校舎1</button> <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?校舎2.jpg')">校舎2</button> <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?校舎3.jpg')">校舎3</button> <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?校舎4.jpg')">校舎4</button> <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html')">保健室</button> <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html')">体育館</button> <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html')">廊下</button> <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html')">駐車場</button> <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html')">職員室</button> <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html')">グラウンド</button> <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html')">教室1</button> <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html')">教室2</button> <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html')">教室3</button> <button class="button" onclick="changeContent('https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html')">教室4</button> </div> <div class="item-right"> <iframe id="A-frame" src="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html"></iframe> </div> </div> </main> <footer id="footer"> <p class="copyright">© ~~~~~ Inc. All Rights Reserved.</p> </footer> </body> <script src="vrtest.js"></script> </html>