HF/Chapters - Revision history

HMHTEST at 00:18, 12 May 2026

2026-05-12T00:18:16Z

← Older revision		Revision as of 02:18, 12 May 2026
Line 1:		Line 1:
	{{Seitenkopf\|Illustrations in <i>Adventures of Huckleberry Finn</i> by Chapter}}		{{Seitenkopf\|Illustrations in <i>Adventures of Huckleberry Finn</i></br> by Chapter}}

HMHTEST at 16:34, 11 May 2026

2026-05-11T16:34:24Z

← Older revision		Revision as of 18:34, 11 May 2026
Line 1:		Line 1:
	{{~~DISPLAYTITLE:~~ Illustrations in <i>Adventures of Huckleberry Finn</i> by Chapter}}		{{Seitenkopf\|Illustrations in <i>Adventures of Huckleberry Finn</i> by Chapter}}

HMHTEST at 09:26, 17 September 2025

2025-09-17T09:26:08Z

← Older revision		Revision as of 11:26, 17 September 2025
Line 3:		Line 3:


	[[HF/ByChapters\|Compare ~~illustrators one~~ by ~~one~~]]		[[HF/ByChapters\|Compare Illustrators One by One]]
	<html>		<html>
	<p> Pick a Chapter (1–43):		<p> Pick a Chapter (1–43):

HMHTEST at 15:29, 16 September 2025

2025-09-16T15:29:06Z

← Older revision		Revision as of 17:29, 16 September 2025
Line 108:		Line 108:
	max-width: 100%;		max-width: 100%;
	height: auto;		height: auto;
			cursor: pointer; /* zeigt Hand beim Hover */
	}		}
	.slide-counter {		.slide-counter {

HMHTEST: Undo revision 1772 by HMHTEST (talk)

2025-09-16T14:10:13Z

Undo revision 1772 by HMHTEST (talk)

← Older revision		Revision as of 16:10, 16 September 2025
Line 6:		Line 6:
	<html>		<html>
	<p> Pick a Chapter (1–43):		<p> Pick a Chapter (1–43):
	<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"style="width: 50px; display: inline-block; margin-left: 5px;">
	<button onclick="loadSlideshowsByChapter()">Display</button>		<button onclick="loadSlideshowsByChapter()">Display</button>
	</p>		</p>
Line 15:		Line 15:
	<h3>Kemble</h3>		<h3>Kemble</h3>
	<img id="slide-Kemble" src="" alt="">		<img id="slide-Kemble" src="" alt="">
	~~<div class="mediainfo-box" id="mediainfo-Kemble"></div>~~
	<div>		<div>
	<button onclick="prevSlide('Kemble')">←</button>		<button onclick="prevSlide('Kemble')">←</button>
Line 26:		Line 25:
	<h3>Schroedter</h3>		<h3>Schroedter</h3>
	<img id="slide-Schroedter" src="" alt="">		<img id="slide-Schroedter" src="" alt="">
	~~<div class="mediainfo-box" id="mediainfo-Schroedter"></div>~~
	<div>		<div>
	<button onclick="prevSlide('Schroedter')">←</button>		<button onclick="prevSlide('Schroedter')">←</button>
Line 37:		Line 35:
	<h3>Hirth</h3>		<h3>Hirth</h3>
	<img id="slide-Hirth" src="" alt="">		<img id="slide-Hirth" src="" alt="">
	~~<div class="mediainfo-box" id="mediainfo-Hirth"></div>~~
	<div>		<div>
	<button onclick="prevSlide('Hirth')">←</button>		<button onclick="prevSlide('Hirth')">←</button>
Line 48:		Line 45:
	<h3>Busoni</h3>		<h3>Busoni</h3>
	<img id="slide-Busoni" src="" alt="">		<img id="slide-Busoni" src="" alt="">
	~~<div class="mediainfo-box" id="mediainfo-Busoni"></div>~~
	<div>		<div>
	<button onclick="prevSlide('Busoni')">←</button>		<button onclick="prevSlide('Busoni')">←</button>
Line 59:		Line 55:
	<h3>Kellerer</h3>		<h3>Kellerer</h3>
	<img id="slide-Kellerer" src="" alt="">		<img id="slide-Kellerer" src="" alt="">
	~~<div class="mediainfo-box" id="mediainfo-Kellerer"></div>~~
	<div>		<div>
	<button onclick="prevSlide('Kellerer')">←</button>		<button onclick="prevSlide('Kellerer')">←</button>
Line 70:		Line 65:
	<h3>Harder</h3>		<h3>Harder</h3>
	<img id="slide-Harder" src="" alt="">		<img id="slide-Harder" src="" alt="">
	~~<div class="mediainfo-box" id="mediainfo-Harder"></div>~~
	<div>		<div>
	<button onclick="prevSlide('Harder')">←</button>		<button onclick="prevSlide('Harder')">←</button>
Line 81:		Line 75:
	<h3>Trier</h3>		<h3>Trier</h3>
	<img id="slide-Trier" src="" alt="">		<img id="slide-Trier" src="" alt="">
	~~<div class="mediainfo-box" id="mediainfo-Trier"></div>~~
	<div>		<div>
	<button onclick="prevSlide('Trier')">←</button>		<button onclick="prevSlide('Trier')">←</button>
Line 92:		Line 85:
	<h3>Bebié</h3>		<h3>Bebié</h3>
	<img id="slide-Bebié" src="" alt="">		<img id="slide-Bebié" src="" alt="">
	~~<div class="mediainfo-box" id="mediainfo-Bebié"></div>~~
	<div>		<div>
	<button onclick="prevSlide('Bebié')">←</button>		<button onclick="prevSlide('Bebié')">←</button>
Line 112:		Line 104:
	border: 1px solid #ccc;		border: 1px solid #ccc;
	padding: 10px;		padding: 10px;
	~~position: relative; /* Für MediaInfo-Box Positionierung */~~
	}		}
	.slideshow-box img {		.slideshow-box img {
	max-width: 100%;		max-width: 100%;
	height: auto;		height: auto;
	~~cursor: pointer;~~
	}		}
	.slide-counter {		.slide-counter {
Line 123:		Line 113:
	font-size: 0.9em;		font-size: 0.9em;
	color: #555;		color: #555;
	}
	~~.mediainfo-box {~~
	~~display: none;~~
	~~position: absolute;~~
	~~top: 5px;~~
	~~left: 5px;~~
	~~background: rgba(255,255,255,0.95);~~
	~~border: 1px solid #ccc;~~
	~~padding: 0.5em 1em;~~
	~~border-radius: 4px;~~
	~~font-size: 0.9em;~~
	~~z-index: 10;~~
	~~max-width: 90%;~~
	~~text-align: left;~~
	}
	~~.slideshow-box img:hover + .mediainfo-box {~~
	~~display: block;~~
	}		}

Line 148:		Line 121:
	}		}
	</style>		</style>

HMHTEST at 14:02, 16 September 2025

2025-09-16T14:02:23Z

← Older revision		Revision as of 16:02, 16 September 2025
Line 6:		Line 6:
	<html>		<html>
	<p> Pick a Chapter (1–43):		<p> Pick a Chapter (1–43):
	<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" style="width: 50px; display: inline-block; margin-left: 5px;">
	<button onclick="loadSlideshowsByChapter()">Display</button>		<button onclick="loadSlideshowsByChapter()">Display</button>
	</p>		</p>
Line 15:		Line 15:
	<h3>Kemble</h3>		<h3>Kemble</h3>
	<img id="slide-Kemble" src="" alt="">		<img id="slide-Kemble" src="" alt="">
			<div class="mediainfo-box" id="mediainfo-Kemble"></div>
	<div>		<div>
	<button onclick="prevSlide('Kemble')">←</button>		<button onclick="prevSlide('Kemble')">←</button>
Line 25:		Line 26:
	<h3>Schroedter</h3>		<h3>Schroedter</h3>
	<img id="slide-Schroedter" src="" alt="">		<img id="slide-Schroedter" src="" alt="">
			<div class="mediainfo-box" id="mediainfo-Schroedter"></div>
	<div>		<div>
	<button onclick="prevSlide('Schroedter')">←</button>		<button onclick="prevSlide('Schroedter')">←</button>
Line 35:		Line 37:
	<h3>Hirth</h3>		<h3>Hirth</h3>
	<img id="slide-Hirth" src="" alt="">		<img id="slide-Hirth" src="" alt="">
			<div class="mediainfo-box" id="mediainfo-Hirth"></div>
	<div>		<div>
	<button onclick="prevSlide('Hirth')">←</button>		<button onclick="prevSlide('Hirth')">←</button>
Line 45:		Line 48:
	<h3>Busoni</h3>		<h3>Busoni</h3>
	<img id="slide-Busoni" src="" alt="">		<img id="slide-Busoni" src="" alt="">
			<div class="mediainfo-box" id="mediainfo-Busoni"></div>
	<div>		<div>
	<button onclick="prevSlide('Busoni')">←</button>		<button onclick="prevSlide('Busoni')">←</button>
Line 55:		Line 59:
	<h3>Kellerer</h3>		<h3>Kellerer</h3>
	<img id="slide-Kellerer" src="" alt="">		<img id="slide-Kellerer" src="" alt="">
			<div class="mediainfo-box" id="mediainfo-Kellerer"></div>
	<div>		<div>
	<button onclick="prevSlide('Kellerer')">←</button>		<button onclick="prevSlide('Kellerer')">←</button>
Line 65:		Line 70:
	<h3>Harder</h3>		<h3>Harder</h3>
	<img id="slide-Harder" src="" alt="">		<img id="slide-Harder" src="" alt="">
			<div class="mediainfo-box" id="mediainfo-Harder"></div>
	<div>		<div>
	<button onclick="prevSlide('Harder')">←</button>		<button onclick="prevSlide('Harder')">←</button>
Line 75:		Line 81:
	<h3>Trier</h3>		<h3>Trier</h3>
	<img id="slide-Trier" src="" alt="">		<img id="slide-Trier" src="" alt="">
			<div class="mediainfo-box" id="mediainfo-Trier"></div>
	<div>		<div>
	<button onclick="prevSlide('Trier')">←</button>		<button onclick="prevSlide('Trier')">←</button>
Line 85:		Line 92:
	<h3>Bebié</h3>		<h3>Bebié</h3>
	<img id="slide-Bebié" src="" alt="">		<img id="slide-Bebié" src="" alt="">
			<div class="mediainfo-box" id="mediainfo-Bebié"></div>
	<div>		<div>
	<button onclick="prevSlide('Bebié')">←</button>		<button onclick="prevSlide('Bebié')">←</button>
Line 104:		Line 112:
	border: 1px solid #ccc;		border: 1px solid #ccc;
	padding: 10px;		padding: 10px;
			position: relative; /* Für MediaInfo-Box Positionierung */
	}		}
	.slideshow-box img {		.slideshow-box img {
	max-width: 100%;		max-width: 100%;
	height: auto;		height: auto;
			cursor: pointer;
	}		}
	.slide-counter {		.slide-counter {
Line 113:		Line 123:
	font-size: 0.9em;		font-size: 0.9em;
	color: #555;		color: #555;
			}
			.mediainfo-box {
			display: none;
			position: absolute;
			top: 5px;
			left: 5px;
			background: rgba(255,255,255,0.95);
			border: 1px solid #ccc;
			padding: 0.5em 1em;
			border-radius: 4px;
			font-size: 0.9em;
			z-index: 10;
			max-width: 90%;
			text-align: left;
			}
			.slideshow-box img:hover + .mediainfo-box {
			display: block;
	}		}

Line 121:		Line 148:
	}		}
	</style>		</style>

HMHTEST at 23:06, 9 September 2025

2025-09-09T23:06:07Z

← Older revision		Revision as of 01:06, 10 September 2025
Line 3:		Line 3:


	[[HF/ByChapters\|~~Alternative Structure~~]]		[[HF/ByChapters\|Compare illustrators one by one]]
	<html>		<html>
	<p> Pick a Chapter (1–43):		<p> Pick a Chapter (1–43):

HMHTEST at 21:07, 2 September 2025

2025-09-02T21:07:09Z

← Older revision		Revision as of 23:07, 2 September 2025
Line 5:		Line 5:
	[[HF/ByChapters\|Alternative Structure]]		[[HF/ByChapters\|Alternative Structure]]
	<html>		<html>
	<p> Pick a Chapter (1–43):~~</p>~~		<p> Pick a Chapter (1–43):
	<input type="number" id="chapterInput" min="1" max="43">		<input type="number" id="chapterInput" min="1" max="43"style="width: 50px; display: inline-block; margin-left: 5px;">
	<button onclick="loadSlideshowsByChapter()">Display</button>		<button onclick="loadSlideshowsByChapter()">Display</button>
			</p>
	<div class="slideshow-grid">		<div class="slideshow-grid">

HMHTEST: Undo revision 1127 by HMHTEST (talk)

2025-09-02T21:05:46Z

Undo revision 1127 by HMHTEST (talk)

← Older revision		Revision as of 23:05, 2 September 2025
Line 5:		Line 5:
	[[HF/ByChapters\|Alternative Structure]]		[[HF/ByChapters\|Alternative Structure]]
	<html>		<html>
	<p>		<p> Pick a Chapter (1–43):</p>
	Pick a Chapter (1–43):		<input type="number" id="chapterInput" min="1" max="43">
	<input type="number" id="chapterInput" min="1" max="43~~" style="width: 50px; display: inline-block; margin-left: 5px;~~">		<button onclick="loadSlideshowsByChapter()">Display</button>
	<button id="~~displayButton" style="display: inline-block; margin-left: 5px;~~">Display</button>
	~~</p~~>

	<div class="slideshow-grid">		<div class="slideshow-grid">

HMHTEST at 21:04, 2 September 2025

2025-09-02T21:04:41Z

← Older revision		Revision as of 23:04, 2 September 2025
Line 5:		Line 5:
	[[HF/ByChapters\|Alternative Structure]]		[[HF/ByChapters\|Alternative Structure]]
	<html>		<html>
	<p> Pick a Chapter (1–43):~~</p>~~		<p>
	<input type="number" id="chapterInput" min="1" max="43">		Pick a Chapter (1–43):
	<button ~~onclick~~="~~loadSlideshowsByChapter()~~">Display</button>		<input type="number" id="chapterInput" min="1" max="43" style="width: 50px; display: inline-block; margin-left: 5px;">
			<button id="displayButton" style="display: inline-block; margin-left: 5px;">Display</button>
			</p>

	<div class="slideshow-grid">		<div class="slideshow-grid">