Test4: Unterschied zwischen den Versionen
Aus exmediawiki
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 3: | Zeile 3: | ||
<div class="slideshow-container"> | <div class="slideshow-container"> | ||
<div class="mySlides"> | <div class="mySlides" style="display: block; background: red; height: 400px; color: white; text-align: center; padding: 50px;"> | ||
< | <h2>SLIDE 1 - RED</h2> | ||
< | <p>If you can see this, the HTML structure works</p> | ||
</div> | </div> | ||
<div class="mySlides"> | <div class="mySlides" style="display: none; background: green; height: 400px; color: white; text-align: center; padding: 50px;"> | ||
< | <h2>SLIDE 2 - GREEN</h2> | ||
< | <p>This should be hidden initially</p> | ||
</div> | </div> | ||
<div class="mySlides"> | <div class="mySlides" style="display: none; background: blue; height: 400px; color: white; text-align: center; padding: 50px;"> | ||
< | <h2>SLIDE 3 - BLUE</h2> | ||
< | <p>This should also be hidden</p> | ||
</div> | </div> | ||
<div class=" | <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;">‹</div> | ||
<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;">›</div> | |||
<div class=" | |||
</div> | </div> | ||
</div> | </div> | ||