HTML、CSS
HTLM CSS 下記のプログラムの画像「image0.jpg」は、「進む」「戻る」を押すごとに切り替わっていますか？ 画像が同じなので、切り替わらず表示され続けていますか？ 見た目は切り替わらず表示され続けていると思いますが ①実際は、「image0.jpg」から「image0.jpg」に更新されているのか？ ②同じ「image0.jpg」なので画像を切り替えることなくそのまま表示しているか？ どちらか？ という質問になります。 よろしくお願いいたします。 ー－－－－－－－－－－ 下記のプログラムは ・画面左 → 固定の画像 ・画面右 → 「進む」「戻る」で切り替わる文章 ・画面下 → 「進む」「戻る」ボタン というページの一部です。 （以下、プログラム） －－－－－－－－－－ <div id="section1" class="container"> <div class="image-section"> <img src="jpg/image0.jpg" alt="固定画像" class="left-image"> </div> <div class="text"> これはプロローグ１です<br> ここを読んでください </div> <div class="button-container"> <button onclick="goHome()">HOME</button> <button class="hidden" id="prevButton1" onclick="showSection('section1', 'section1')">戻る</button> <button id="nextButton1" onclick="showSection('section2', 'section1')">進む</button> </div> </div> <div id="section2" class="container hidden"> <div class="image-section"> <img src="jpg/image0.jpg" alt="固定画像" class="left-image"> </div> <div class="text">これはプロローグ２です<br>ここを読んでください</div> <div class="button-container"> <button onclick="goHome()">HOME</button> <button id="prevButton2" onclick="showSection('section1', 'section2')">戻る</button> <button id="nextButton2" onclick="showSection('section3', 'section2')">進む</button> </div> </div> <div id="section3" class="container hidden"> <div class="image-section"> <img src="jpg/image0.jpg" alt="固定画像" class="left-image"> </div> <div class="text">これはプロローグ３です<br>ここを読んでください</div> <div class="button-container"> <button onclick="goHome()">HOME</button> <button id="prevButton3" onclick="showSection('section2', 'section3')">戻る</button> <button class="hidden" id="nextButton3" onclick="showSection('section3', 'section3')">進む</button> </div> </div>
