|
|
| (16 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
| <div class="slideshow-gallery-page"> | | <div class="slideshow-gallery-page"> |
| | | <div class="slideshow-container" style="overflow: hidden; margin: 0; padding: 0;"> |
| <div class="slideshow-container"> | |
| | | |
| <div class="mySlides" style="display: block; background: red; height: 400px; color: white; text-align: center; padding: 50px;"> | | <div class="mySlides" style="margin: 0; padding: 0; line-height: 0;"> |
| <h2>SLIDE 1 - RED</h2> | | [[File:Sisal Teppich2.jpg|border|link=]] |
| <p>If you can see this, the HTML structure works</p>
| |
| </div> | | </div> |
| | | <div class="mySlides" style="margin: 0; padding: 0; line-height: 0;"> |
| <div class="mySlides" style="display: none; background: green; height: 400px; color: white; text-align: center; padding: 50px;"> | | [[File:Yarn2.jpg|border|link=]] |
| <h2>SLIDE 2 - GREEN</h2> | |
| <p>This should be hidden initially</p>
| |
| </div> | | </div> |
| | | <div class="prev">←</div> |
| <div class="mySlides" style="display: none; background: blue; height: 400px; color: white; text-align: center; padding: 50px;">
| | <div class="next">→</div> |
| <h2>SLIDE 3 - BLUE</h2>
| |
| <p>This should also be hidden</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;">‹</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> | | </div> |
|
| |
| </div> | | </div> |
