Test4: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

Version vom 24. Juli 2025, 11:19 Uhr

1 / 2

   <img src="https://exmediawiki.khm.de/images/thumb/3/36/Sisal_Teppich2.jpg/1600px-Sisal_Teppich2.jpg">

2 / 2

   <img src="https://exmediawiki.khm.de/images/thumb/c/c2/Yarn2.jpg/1600px-Yarn2.jpg">

‹

›

     <img class="demo" src="https://exmediawiki.khm.de/images/thumb/3/36/Sisal_Teppich2.jpg/1600px-Sisal_Teppich2.jpg">

     <img class="demo" src="https://exmediawiki.khm.de/images/thumb/c/c2/Yarn2.jpg/1600px-Yarn2.jpg">

@@ Zeile 3: / Zeile 3: @@
 <div class="slideshow-container">
-   <div class="mySlides" style="display: block; background: red; height: 400px; color: white; text-align: center; padding: 50px;">
+   <div class="mySlides">
-     <h2>SLIDE 1 - RED</h2>
+     <div class="numbertext">1 / 2</div>
-     <p>If you can see this, the HTML structure works</p>
+     <img src="https://exmediawiki.khm.de/images/thumb/3/36/Sisal_Teppich2.jpg/1600px-Sisal_Teppich2.jpg">
    </div>
-   <div class="mySlides" style="display: none; background: green; height: 400px; color: white; text-align: center; padding: 50px;">
+   <div class="mySlides">
-     <h2>SLIDE 2 - GREEN</h2>
+     <div class="numbertext">2 / 2</div>
-     <p>This should be hidden initially</p>
+     <img src="https://exmediawiki.khm.de/images/thumb/c/c2/Yarn2.jpg/1600px-Yarn2.jpg">
    </div>
-   <div class="mySlides" style="display: none; background: blue; height: 400px; color: white; text-align: center; padding: 50px;">
+   <div class="prev">&#8249;</div>
-    <h2>SLIDE 3 - BLUE</h2>
+  <div class="next">&#8250;</div>
-     <p>This should also be hidden</p>
+  <div class="caption-container">
+     <p id="caption"></p>
    </div>
-   <div class="prev" style="position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; background: white; border: 2px solid black; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 1000;">&#8249;</div>
+   <div class="row">
+    <div class="column">
-  <div class="next" style="position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; background: white; border: 2px solid black; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 1000;">&#8250;</div>
+      <img class="demo" src="https://exmediawiki.khm.de/images/thumb/3/36/Sisal_Teppich2.jpg/1600px-Sisal_Teppich2.jpg">
+    </div>
+    <div class="column">
+      <img class="demo" src="https://exmediawiki.khm.de/images/thumb/c/c2/Yarn2.jpg/1600px-Yarn2.jpg">
+    </div>
+  </div>
 </div>
 </div>

Test4: Unterschied zwischen den Versionen

Aus exmediawiki

Version vom 24. Juli 2025, 11:19 Uhr