|
|
|
|
@ -22,18 +22,18 @@ |
|
|
|
|
<div id="menu"> |
|
|
|
|
<div id="side"> |
|
|
|
|
<a href="./normal/"> |
|
|
|
|
<img src="sidetop.png" alt="normal" class="normal_image"> |
|
|
|
|
<img src="./images/sidetop.png" alt="normal" class="normal_image"> |
|
|
|
|
</a> |
|
|
|
|
<img src="sidebottom.png" alt="normal" class="normal_image"> |
|
|
|
|
<img src="./images/sidebottom.png" alt="normal" class="normal_image"> |
|
|
|
|
</div> |
|
|
|
|
<div id="image-container"> |
|
|
|
|
<img src="empty.png" id="large-image"> |
|
|
|
|
<img src="./images/empty.png" id="large-image"> |
|
|
|
|
</div> |
|
|
|
|
<div id="seeds"> |
|
|
|
|
<a href="./art/" class="seed" id="art"><img src="seed.png"></a> |
|
|
|
|
<a href="./shrine/" class="seed" id="shrine"><img src="seed.png"></a> |
|
|
|
|
<a href="./friends/" class="seed" id="friends"><img src="seed.png"></a> |
|
|
|
|
<a href="./stuff/" class="seed" id="stuff"><img src="seed.png"></a> |
|
|
|
|
<a href="./art/" class="seed" id="art"><img src="./images/seed.png"></a> |
|
|
|
|
<a href="./shrine/" class="seed" id="shrine"><img src="./images/seed.png"></a> |
|
|
|
|
<a href="./friends/" class="seed" id="friends"><img src="./images/seed.png"></a> |
|
|
|
|
<a href="./coffee/" class="seed" id="coffee"><img src="./images/seed.png"></a> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -46,7 +46,7 @@ |
|
|
|
|
menuItems.forEach(item => { |
|
|
|
|
item.addEventListener('mouseenter', () => { |
|
|
|
|
const subfolder = item.getAttribute('id'); |
|
|
|
|
const imgSrc = `${subfolder}.png`; // Generating image path from subfolder name |
|
|
|
|
const imgSrc = `./images/${subfolder}.png`; // Generating image path from subfolder name |
|
|
|
|
largeImage.src = imgSrc; |
|
|
|
|
imageContainer.style.opacity = 1; |
|
|
|
|
}); |
|
|
|
|
|
