HF/Chapters: Difference between revisions

From Illustrations in German Translations of Mark Twain's Works

← Older edit
VisualWikitext
No edit summary
No edit summary
 
(28 intermediate revisions by the same user not shown)
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}}
[[HF/ByChapters|Compare Illustrators One by One]]
<html>
<html>
<h2>Illustrations by Chapter</h2>
<p> Pick a Chapter (1–43):
<p>Bitte ein Kapitel (1–43) eingeben:</p>
<input type="number" id="chapterInput" min="1" max="43"style="width: 50px; display: inline-block; margin-left: 5px;">
<input type="number" id="chapterInput" min="1" max="43">
<button onclick="loadSlideshowsByChapter()">Display</button>
<button onclick="loadSlideshowsByChapter()">Anzeigen</button>
</p>
 
<div class="slideshow-grid">
<div class="slideshow-grid">


   <!-- Acht Boxen (2 pro Zeile) -->
   <!-- Acht Boxen -->
   <div class="slideshow-box">
   <div class="slideshow-box">
     <h3>Kemble</h3>
     <h3>Kemble</h3>
Line 16: Line 19:
       <button onclick="nextSlide('Kemble')">→</button>
       <button onclick="nextSlide('Kemble')">→</button>
     </div>
     </div>
    <div class="slide-counter" id="counter-Kemble">0/0</div>
   </div>
   </div>


Line 25: Line 29:
       <button onclick="nextSlide('Schroedter')">→</button>
       <button onclick="nextSlide('Schroedter')">→</button>
     </div>
     </div>
    <div class="slide-counter" id="counter-Schroedter">0/0</div>
   </div>
   </div>


Line 34: Line 39:
       <button onclick="nextSlide('Hirth')">→</button>
       <button onclick="nextSlide('Hirth')">→</button>
     </div>
     </div>
    <div class="slide-counter" id="counter-Hirth">0/0</div>
   </div>
   </div>


Line 43: Line 49:
       <button onclick="nextSlide('Busoni')">→</button>
       <button onclick="nextSlide('Busoni')">→</button>
     </div>
     </div>
    <div class="slide-counter" id="counter-Busoni">0/0</div>
   </div>
   </div>


Line 52: Line 59:
       <button onclick="nextSlide('Kellerer')">→</button>
       <button onclick="nextSlide('Kellerer')">→</button>
     </div>
     </div>
    <div class="slide-counter" id="counter-Kellerer">0/0</div>
   </div>
   </div>


Line 61: Line 69:
       <button onclick="nextSlide('Harder')">→</button>
       <button onclick="nextSlide('Harder')">→</button>
     </div>
     </div>
    <div class="slide-counter" id="counter-Harder">0/0</div>
   </div>
   </div>


Line 70: Line 79:
       <button onclick="nextSlide('Trier')">→</button>
       <button onclick="nextSlide('Trier')">→</button>
     </div>
     </div>
    <div class="slide-counter" id="counter-Trier">0/0</div>
   </div>
   </div>


Line 79: Line 89:
       <button onclick="nextSlide('Bebié')">→</button>
       <button onclick="nextSlide('Bebié')">→</button>
     </div>
     </div>
    <div class="slide-counter" id="counter-Bebié">0/0</div>
   </div>
   </div>


Line 86: Line 97:
.slideshow-grid {
.slideshow-grid {
   display: grid;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-template-columns: repeat(3, 1fr); /* 3 Boxen pro Reihe */
   gap: 20px;
   gap: 20px;
}
}
Line 97: Line 108:
   max-width: 100%;
   max-width: 100%;
   height: auto;
   height: auto;
  cursor: pointer; /* zeigt Hand beim Hover */
}
.slide-counter {
  margin-top: 5px;
  font-size: 0.9em;
  color: #555;
}
#catalog_wrapper {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
}
</style>
</style>
<table id="catalog" class="wikitable" style="display: none;">
<table id="catalog" class="wikitable" style="display: none;">
  <thead>
  <thead>

Latest revision as of 10:26, 17 September 2025



Compare Illustrators One by One

Pick a Chapter (1–43):

Kemble

0/0

Schroedter

0/0

Hirth

0/0

Busoni

0/0

Kellerer

0/0

Harder

0/0

Trier

0/0

Bebié

0/0

Retrieved from "https://illus.twainframe.org/index.php?title=HF/Chapters&oldid=1920"