https://illus.twainframe.org/index.php?action=history&feed=atom&title=MediaWiki%3ASlideShowPools.js
MediaWiki:SlideShowPools.js - Revision history
2026-04-09T09:33:52Z
Revision history for this page on the wiki
MediaWiki 1.43.1
https://illus.twainframe.org/index.php?title=MediaWiki:SlideShowPools.js&diff=913&oldid=prev
HMHTEST at 20:23, 22 July 2025
2025-07-22T20:23:25Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 22:23, 22 July 2025</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l5">Line 5:</td>
<td colspan="2" class="diff-lineno">Line 5:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>const pools = {</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>const pools = {</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> 1: ['<del style="font-weight: bold; text-decoration: none;">Hf_1885_kmb_ch002_ill1</del>.<del style="font-weight: bold; text-decoration: none;">jpg</del>', '<del style="font-weight: bold; text-decoration: none;">Hf_1885_kmb_ch002_ill1_cropped</del>.<del style="font-weight: bold; text-decoration: none;">jpg</del>'], // TOM Kemble</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> 1: ['<ins style="font-weight: bold; text-decoration: none;">https://illus</ins>.<ins style="font-weight: bold; text-decoration: none;">twainframe.org/images/d/d2/GalleryPlaceholder.png</ins>', '<ins style="font-weight: bold; text-decoration: none;">https://illus.twainframe.org/images/d/d2/GalleryPlaceholder</ins>.<ins style="font-weight: bold; text-decoration: none;">png</ins>'], // TOM Kemble</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> 2: ['test3.png', 'test4.png'],</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> 2: ['test3.png', 'test4.png'],</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> 3: ['test5.png', 'test6.png'],</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> 3: ['test5.png', 'test6.png'],</div></td></tr>
</table>
HMHTEST
https://illus.twainframe.org/index.php?title=MediaWiki:SlideShowPools.js&diff=912&oldid=prev
HMHTEST at 20:21, 22 July 2025
2025-07-22T20:21:52Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 22:21, 22 July 2025</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l5">Line 5:</td>
<td colspan="2" class="diff-lineno">Line 5:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>const pools = {</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>const pools = {</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> 1: ['<del style="font-weight: bold; text-decoration: none;">test1</del>.<del style="font-weight: bold; text-decoration: none;">png</del>', '<del style="font-weight: bold; text-decoration: none;">test2</del>.<del style="font-weight: bold; text-decoration: none;">png</del>'],</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> 1: ['<ins style="font-weight: bold; text-decoration: none;">Hf_1885_kmb_ch002_ill1</ins>.<ins style="font-weight: bold; text-decoration: none;">jpg</ins>', '<ins style="font-weight: bold; text-decoration: none;">Hf_1885_kmb_ch002_ill1_cropped</ins>.<ins style="font-weight: bold; text-decoration: none;">jpg</ins>'], <ins style="font-weight: bold; text-decoration: none;">// TOM Kemble</ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> 2: ['test3.png', 'test4.png'],</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> 2: ['test3.png', 'test4.png'],</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> 3: ['test5.png', 'test6.png'],</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> 3: ['test5.png', 'test6.png'],</div></td></tr>
</table>
HMHTEST
https://illus.twainframe.org/index.php?title=MediaWiki:SlideShowPools.js&diff=911&oldid=prev
HMHTEST at 20:19, 22 July 2025
2025-07-22T20:19:24Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 22:19, 22 July 2025</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l11">Line 11:</td>
<td colspan="2" class="diff-lineno">Line 11:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> 5: ['test8.png', 'test9.png', 'test10.png'],</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> 5: ['test8.png', 'test9.png', 'test10.png'],</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> 6: ['test11.png'],</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> 6: ['test11.png'],</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> <del style="font-weight: bold; text-decoration: none;">7</del>: ['test12.png', 'test13.png']</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> <ins style="font-weight: bold; text-decoration: none;">8</ins>: ['test12.png', 'test13.png']</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>};</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>};</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
</table>
HMHTEST
https://illus.twainframe.org/index.php?title=MediaWiki:SlideShowPools.js&diff=908&oldid=prev
HMHTEST: Created page with "const slideshows = { A: { images: [], index: 0 }, B: { images: [], index: 0 } }; const pools = { 1: ['test1.png', 'test2.png'], 2: ['test3.png', 'test4.png'], 3: ['test5.png', 'test6.png'], 4: ['test7.png'], 5: ['test8.png', 'test9.png', 'test10.png'], 6: ['test11.png'], 7: ['test12.png', 'test13.png'] }; function selectPool(target, poolNumber) { if (!pools[poolNumber]) { slideshows[target].images = []; slideshows[target].index = 0; upda..."
2025-07-22T20:16:49Z
<p>Created page with "const slideshows = { A: { images: [], index: 0 }, B: { images: [], index: 0 } }; const pools = { 1: ['test1.png', 'test2.png'], 2: ['test3.png', 'test4.png'], 3: ['test5.png', 'test6.png'], 4: ['test7.png'], 5: ['test8.png', 'test9.png', 'test10.png'], 6: ['test11.png'], 7: ['test12.png', 'test13.png'] }; function selectPool(target, poolNumber) { if (!pools[poolNumber]) { slideshows[target].images = []; slideshows[target].index = 0; upda..."</p>
<p><b>New page</b></p><div>const slideshows = {<br />
A: { images: [], index: 0 },<br />
B: { images: [], index: 0 }<br />
};<br />
<br />
const pools = {<br />
1: ['test1.png', 'test2.png'],<br />
2: ['test3.png', 'test4.png'],<br />
3: ['test5.png', 'test6.png'],<br />
4: ['test7.png'],<br />
5: ['test8.png', 'test9.png', 'test10.png'],<br />
6: ['test11.png'],<br />
7: ['test12.png', 'test13.png']<br />
};<br />
<br />
function selectPool(target, poolNumber) {<br />
if (!pools[poolNumber]) {<br />
slideshows[target].images = [];<br />
slideshows[target].index = 0;<br />
updateSlide(target);<br />
return;<br />
}<br />
<br />
slideshows[target].images = pools[poolNumber];<br />
slideshows[target].index = 0;<br />
updateSlide(target);<br />
}<br />
<br />
function updateSlide(target) {<br />
const img = document.getElementById('slide' + target);<br />
const slideshow = slideshows[target];<br />
const url = slideshow.images[slideshow.index];<br />
<br />
if (url) {<br />
img.src = url;<br />
img.title = url;<br />
} else {<br />
img.src = '';<br />
img.title = '';<br />
}<br />
}<br />
<br />
function nextSlide(target) {<br />
const slideshow = slideshows[target];<br />
if (slideshow.images.length === 0) return;<br />
<br />
slideshow.index = (slideshow.index + 1) % slideshow.images.length;<br />
updateSlide(target);<br />
}<br />
<br />
function prevSlide(target) {<br />
const slideshow = slideshows[target];<br />
if (slideshow.images.length === 0) return;<br />
<br />
slideshow.index = (slideshow.index - 1 + slideshow.images.length) % slideshow.images.length;<br />
updateSlide(target);<br />
}</div>
HMHTEST