HF/Tom: Difference between revisions

From Illustrations in German Translations of Mark Twain's Works

No edit summary
Tag: Reverted
No edit summary
 
(31 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{DISPLAYTITLE: Illustrations of Tom Sawyer in <i>Adventures of Huckleberry Finn</i>}}
<br>
<br>
<html>
<html>
<select id="illustratorDropdown" onchange="filterAndLoadSlideshow()">
<div class="slideshow-row">
  <option value="">-- Illustrator wählen --</option>
<!-- Tom Slideshow -->
  <option value="schroedter">Schroedter</option>
<div class="slideshow-box">
  <option value="kemble">Kemble</option>
  <select id="tom_illustratorDropdownC" onchange="tom_filterAndLoadSlideshow('C')">
</select>
    <option value="">-- Choose Illustrator --</option>
    <option value="Kemble">Kemble</option>
    <option value="Schroedter">Schroedter</option>
    <option value="Hirth">Hirth</option>
    <option value="Busoni">Busoni</option>
    <option value="Kellerer">Kellerer</option>
    <option value="Harder">Harder</option>
    <option value="Trier">Trier</option>
    <option value="Bebié">Bebié</option>
  </select>


<!-- Hier das Container-Element -->
  <div class="slideshow-container">
<div id="galleryContainer"></div>
  <img id="tom_slideC" src="https://illus.twainframe.org/images/e/e9/IllustratorPlaceholder.png" title="No images">
</div>
<!-- Feste MediaInfo-Box -->
    <div class="slide-mediainfo" id="mediainfoC"></div>


<script>
 
function filterAndLoadSlideshow() {
  <div class="gallery-button-row">
  const selectedIllustrator = document.getElementById('illustratorDropdown').value.toLowerCase();
    <button onclick="tom_prevSlide('C')">←</button>
   const galleryContainer = document.getElementById('galleryContainer');
    <button onclick="tom_nextSlide('C')">→</button>
    
  </div>
   if (!galleryContainer) {
<div class="slide-counter" id="counterC">0/0</div>
     console.error('galleryContainer Element nicht gefunden!');
</div>
     return;
 
<div class="slideshow-box">
   <select id="tom_illustratorDropdownD" onchange="tom_filterAndLoadSlideshow('D')">
    <option value="">-- Choose Illustrator --</option>
    <option value="Kemble">Kemble</option>
    <option value="Schroedter">Schroedter</option>
    <option value="Hirth">Hirth</option>
    <option value="Busoni">Busoni</option>
    <option value="Kellerer">Kellerer</option>
    <option value="Harder">Harder</option>
    <option value="Trier">Trier</option>
    <option value="Bebié">Bebié</option>
  </select>
 
<div class="slideshow-container">
   <img id="tom_slideD" src="https://illus.twainframe.org/images/e/e9/IllustratorPlaceholder.png" title="No images">
</div>
<!-- Feste MediaInfo-Box -->
    <div class="slide-mediainfo" id="mediainfoD"></div>
   <div class="gallery-button-row">
    <button onclick="tom_prevSlide('D')">←</button>
     <button onclick="tom_nextSlide('D')">→</button>
  </div>
<div class="slide-counter" id="counterD">0/0</div>
</div>
 
<style>
  #catalog_wrapper {
     display: none;
   }
   }
 
</style>
  galleryContainer.innerHTML = '';


  // ... restlicher Code ...
}
</script>




<table id="catalog" class="wikitable" style="width:100%">
<table id="catalog" class="wikitable" style="display: none;">
  <thead>
  <thead>
<tr>
<tr>

Latest revision as of 16:50, 16 September 2025



0/0
0/0