1
2
3
4
Wähle eine Ziffer für mehr Details...
<script>
document.addEventListener('DOMContentLoaded', function() {
const pins = document.querySelectorAll('.hotspot-pin');
const infoWindow = document.getElementById('hotspot-info-window');
const infoContent = infoWindow.querySelector('.info-content');
const closeBtn = infoWindow.querySelector('.info-close-btn');
pins.forEach(pin => {
pin.addEventListener('click', function() {
// Text aus dem "data-info" Attribut auslesen
const text = this.getAttribute('data-info');
infoContent.innerHTML = text;
// Box einblenden
infoWindow.classList.add('is-active');
});
});
// Schließen-Button Funktion
closeBtn.addEventListener('click', function() {
infoWindow.classList.remove('is-active');
});
});
</script>
