HF/ByChapters: Difference between revisions

From Illustrations in German Translations of Mark Twain's Works

← Older edit
VisualWikitext
No edit summary
Tag: Reverted
No edit summary
 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{DISPLAYTITLE: Illustrations in <i>Adventures of Huckleberry Finn</i> by Chapter}}
{{Seitenkopf|Illustrations in <i>Adventures of Huckleberry Finn</i> </br>by Chapter}}
 
 
<html>
<html>
<p>
<p>
Line 6: Line 8:
   <button id="displayButton" style="display: inline-block; margin-left: 5px;">Display</button>
   <button id="displayButton" style="display: inline-block; margin-left: 5px;">Display</button>
</p>
</p>


<div class="slideshow-grid">
<div class="slideshow-grid">
Line 14: Line 15:
     <select id="illustratorSelect1"></select>
     <select id="illustratorSelect1"></select>
     <img id="slide1" src="" alt="">
     <img id="slide1" src="" alt="">
   
    <!-- MediaInfo Box -->
    <div class="mediainfo" id="mediainfo1"></div>
     <div>
     <div>
       <button class="prevBtn" data-box="1">←</button>
       <button class="prevBtn" data-box="1">←</button>
Line 25: Line 30:
     <select id="illustratorSelect2"></select>
     <select id="illustratorSelect2"></select>
     <img id="slide2" src="" alt="">
     <img id="slide2" src="" alt="">
   
    <!-- MediaInfo Box -->
    <div class="mediainfo" id="mediainfo2"></div>
     <div>
     <div>
       <button class="prevBtn" data-box="2">←</button>
       <button class="prevBtn" data-box="2">←</button>
Line 60: Line 69:


.slideshow-box img {
.slideshow-box img {
   max-width: 140%;
   max-width: 100%;
   height: 700px;        /* feste Höhe, Bilder passen sich an */
   height: 400px;        /* feste Höhe, Bilder passen sich an */
   object-fit: contain;  /* Bilder bleiben proportional */
   object-fit: contain;  /* Bilder bleiben proportional */
  cursor: pointer; /* zeigt Hand beim Hover */
}
}


.mediainfo {
  margin: 10px 0;      /* Abstand zwischen Bild und Buttons */
  min-height: 3em;      /* verhindert Zusammenfallen, wenn leer */
}
</style>
</style>


<!-- Versteckte Tabelle -->
<!-- Versteckte Tabelle -->

Latest revision as of 02:18, 12 May 2026

Illustrations in Adventures of Huckleberry Finn
by Chapter


Pick a Chapter (1–43):

0/0
0/0

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