Testkarte: Unterschied zwischen den Versionen
Aus Aturien – Wiki
(Die Seite wurde neu angelegt: „<div style="position: relative; width: 500px; margin-bottom: 1em;"> <!-- Basisbild --> <img src="/path/zu/deinem/bild_basis.png" style="width: 100%;">…“) |
(kein Unterschied)
|
Version vom 2. Dezember 2025, 22:55 Uhr
<img src="/path/zu/deinem/bild_basis.png" style="width: 100%;">
<img id="layer1" src="/path/zu/ebene1.png" style="width: 100%; position: absolute; top: 0; left: 0;">
<img id="layer2" src="/path/zu/ebene2.png" style="width: 100%; position: absolute; top: 0; left: 0;">
<img id="layer3" src="/path/zu/ebene3.png" style="width: 100%; position: absolute; top: 0; left: 0;">
<label><input type="checkbox" class="layer-toggle" data-target="layer1" checked> Ebene 1 anzeigen</label>
<label><input type="checkbox" class="layer-toggle" data-target="layer2" checked> Ebene 2 anzeigen</label>
<label><input type="checkbox" class="layer-toggle" data-target="layer3" checked> Ebene 3 anzeigen</label>
<script> document.addEventListener("DOMContentLoaded", function() {
document.querySelectorAll(".layer-toggle").forEach(cb => {
cb.addEventListener("change", function() {
const layer = document.getElementById(this.dataset.target);
layer.style.display = this.checked ? "block" : "none";
});
});
}); </script>
