HF/Chapters: Difference between revisions
From Illustrations in German Translations of Mark Twain's Works
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
{{DISPLAYTITLE: Illustrations in <i>Adventures of Huckleberry Finn</i> by Chapter}} | {{DISPLAYTITLE: Illustrations in <i>Adventures of Huckleberry Finn</i> by Chapter}} | ||
<html> | |||
<h2>Illustrations by Chapter</h2> | |||
<p>Bitte ein Kapitel (1–43) eingeben:</p> | |||
<input type="number" id="chapterInput" min="1" max="43"> | |||
<button onclick="loadSlideshowsByChapter()">Anzeigen</button> | |||
<div class="slideshow-grid"> | |||
<!-- Acht Boxen (2 pro Zeile) --> | |||
<div class="slideshow-box"> | |||
<h3>Kemble</h3> | |||
<img id="slide-Kemble" src="" alt=""> | |||
<div> | |||
<button onclick="prevSlide('Kemble')">←</button> | |||
<button onclick="nextSlide('Kemble')">→</button> | |||
</div> | |||
</div> | |||
<div class="slideshow-box"> | |||
<h3>Schroedter</h3> | |||
<img id="slide-Schroedter" src="" alt=""> | |||
<div> | |||
<button onclick="prevSlide('Schroedter')">←</button> | |||
<button onclick="nextSlide('Schroedter')">→</button> | |||
</div> | |||
</div> | |||
<div class="slideshow-box"> | |||
<h3>Hirth</h3> | |||
<img id="slide-Hirth" src="" alt=""> | |||
<div> | |||
<button onclick="prevSlide('Hirth')">←</button> | |||
<button onclick="nextSlide('Hirth')">→</button> | |||
</div> | |||
</div> | |||
<div class="slideshow-box"> | |||
<h3>Busoni</h3> | |||
<img id="slide-Busoni" src="" alt=""> | |||
<div> | |||
<button onclick="prevSlide('Busoni')">←</button> | |||
<button onclick="nextSlide('Busoni')">→</button> | |||
</div> | |||
</div> | |||
<div class="slideshow-box"> | |||
<h3>Kellerer</h3> | |||
<img id="slide-Kellerer" src="" alt=""> | |||
<div> | |||
<button onclick="prevSlide('Kellerer')">←</button> | |||
<button onclick="nextSlide('Kellerer')">→</button> | |||
</div> | |||
</div> | |||
<div class="slideshow-box"> | |||
<h3>Harder</h3> | |||
<img id="slide-Harder" src="" alt=""> | |||
<div> | |||
<button onclick="prevSlide('Harder')">←</button> | |||
<button onclick="nextSlide('Harder')">→</button> | |||
</div> | |||
</div> | |||
<div class="slideshow-box"> | |||
<h3>Trier</h3> | |||
<img id="slide-Trier" src="" alt=""> | |||
<div> | |||
<button onclick="prevSlide('Trier')">←</button> | |||
<button onclick="nextSlide('Trier')">→</button> | |||
</div> | |||
</div> | |||
<div class="slideshow-box"> | |||
<h3>Bebié</h3> | |||
<img id="slide-Bebié" src="" alt=""> | |||
<div> | |||
<button onclick="prevSlide('Bebié')">←</button> | |||
<button onclick="nextSlide('Bebié')">→</button> | |||
</div> | |||
</div> | |||
</div> | |||
<style> | |||
.slideshow-grid { | |||
display: grid; | |||
grid-template-columns: repeat(2, 1fr); | |||
gap: 20px; | |||
} | |||
.slideshow-box { | |||
text-align: center; | |||
border: 1px solid #ccc; | |||
padding: 10px; | |||
} | |||
.slideshow-box img { | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
</style> | |||
</html> | |||
Revision as of 19:54, 2 September 2025
Illustrations by Chapter
Bitte ein Kapitel (1–43) eingeben: