Aktionen

Test4: Unterschied zwischen den Versionen

Aus exmediawiki

Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 4: Zeile 4:
    
    
   <div class="mySlides">
   <div class="mySlides">
     <div class="numbertext">1 / 3</div>
     <div class="numbertext">1 / 4</div>
     <div class="slide-text-content" style="background: #ff6b6b;">
     <img src="https://via.placeholder.com/800x400/ff6b6b/ffffff?text=Image+1" style="width:100%">
      <h2>First Slide</h2>
  </div>
      <p>This is the first slide with red background</p>
 
     </div>
  <div class="mySlides">
    <div class="numbertext">2 / 4</div>
     <img src="https://via.placeholder.com/800x400/4ecdc4/ffffff?text=Image+2" style="width:100%">
   </div>
   </div>


   <div class="mySlides">
   <div class="mySlides">
     <div class="numbertext">2 / 3</div>
     <div class="numbertext">3 / 4</div>
     <div class="slide-text-content" style="background: #4ecdc4;">
     <img src="https://via.placeholder.com/800x400/45b7d1/ffffff?text=Image+3" style="width:100%">
      <h2>Second Slide</h2>
      <p>This is the second slide with teal background</p>
    </div>
   </div>
   </div>


   <div class="mySlides">
   <div class="mySlides">
     <div class="numbertext">3 / 3</div>
     <div class="numbertext">4 / 4</div>
     <div class="slide-text-content" style="background: #45b7d1;">
     <img src="https://via.placeholder.com/800x400/9b59b6/ffffff?text=Image+4" style="width:100%">
      <h2>Third Slide</h2>
      <p>This is the third slide with blue background</p>
    </div>
   </div>
   </div>


   <div class="prev">&#8249;</div>
   <div class="prev">&#8249;</div>
   <div class="next">&#8250;</div>
   <div class="next">&#8250;</div>
  <div class="caption-container">
    <p id="caption"></p>
  </div>
  <div class="row">
    <div class="column">
      <img class="demo" src="https://via.placeholder.com/150x100/ff6b6b/ffffff?text=1" style="width:100%" alt="First Image">
    </div>
    <div class="column">
      <img class="demo" src="https://via.placeholder.com/150x100/4ecdc4/ffffff?text=2" style="width:100%" alt="Second Image">
    </div>
    <div class="column">
      <img class="demo" src="https://via.placeholder.com/150x100/45b7d1/ffffff?text=3" style="width:100%" alt="Third Image">
    </div>
    <div class="column">
      <img class="demo" src="https://via.placeholder.com/150x100/9b59b6/ffffff?text=4" style="width:100%" alt="Fourth Image">
    </div>
  </div>


</div>
</div>


</div>
</div>

Version vom 24. Juli 2025, 11:00 Uhr