<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en-GB">
	<id>https://wiki.zaori.org/w/index.php?action=history&amp;feed=atom&amp;title=Extension%3AOneLightBoxToRuleThemAll</id>
	<title>Extension:OneLightBoxToRuleThemAll - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://wiki.zaori.org/w/index.php?action=history&amp;feed=atom&amp;title=Extension%3AOneLightBoxToRuleThemAll"/>
	<link rel="alternate" type="text/html" href="https://wiki.zaori.org/w/index.php?title=Extension:OneLightBoxToRuleThemAll&amp;action=history"/>
	<updated>2026-04-15T12:06:33Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.36.0-alpha</generator>
	<entry>
		<id>https://wiki.zaori.org/w/index.php?title=Extension:OneLightBoxToRuleThemAll&amp;diff=4169&amp;oldid=prev</id>
		<title>Apheori at 01:25, 26 March 2017</title>
		<link rel="alternate" type="text/html" href="https://wiki.zaori.org/w/index.php?title=Extension:OneLightBoxToRuleThemAll&amp;diff=4169&amp;oldid=prev"/>
		<updated>2017-03-26T01:25:50Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en-GB&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 01:25, 26 March 2017&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l17&quot;&gt;Line 17:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 17:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;; Interaction and appearance:&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;; Interaction and appearance:&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Semitransparent dark grey cover element blocks out the rest of the page. Image appears in center at nominal size, or almost filling space, whichever is bigger. Can be zoomed in on further if svg or larger than the available space.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Semitransparent dark grey cover element blocks out the rest of the page. Image appears in center at nominal size, or almost filling space, whichever is bigger. Can be zoomed in on further if svg or larger than the available space.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* Images with transparency are made to stand out by semi-transparent nature of general background. Any images that match the effective colour of the background should use the nolightbox keyword. Any images with unclear edges that need their edges to be made clear should use the nolightbox keyword.&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Back/forward toggles appear for gallery navigation, or for category pages with multiple files.  &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Back/forward toggles appear for gallery navigation, or for category pages with multiple files.  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Toggle at bottom allows pulling up file description. Probably just a repeat of whatever wikitext was supplied on the file: page. Some special handling for commons templates, information template, etc, maybe.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Toggle at bottom allows pulling up file description. Probably just a repeat of whatever wikitext was supplied on the file: page. Some special handling for commons templates, information template, etc, maybe.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Clicking on dark grey cover element dismisses it. An X or other close icon should also dismiss it, as a primary fallback for zooming in too much, as should the browser back button, if supportable.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* Clicking on dark grey cover element dismisses it. An X or other close icon should also dismiss it, as a primary fallback for zooming in too much, as should the browser back button, if supportable.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* UPO for disabling entirely, in user preferences.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;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;&quot;&gt;&lt;div&gt;* UPO for disabling entirely, in user preferences.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key mw_main:diff::1.12:old-4168:rev-4169 --&gt;
&lt;/table&gt;</summary>
		<author><name>Apheori</name></author>
	</entry>
	<entry>
		<id>https://wiki.zaori.org/w/index.php?title=Extension:OneLightBoxToRuleThemAll&amp;diff=4168&amp;oldid=prev</id>
		<title>Apheori: Spec</title>
		<link rel="alternate" type="text/html" href="https://wiki.zaori.org/w/index.php?title=Extension:OneLightBoxToRuleThemAll&amp;diff=4168&amp;oldid=prev"/>
		<updated>2017-03-26T01:22:13Z</updated>

		<summary type="html">&lt;p&gt;Spec&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;The short of it: a lightbox extension. Uses js to pop up a larger version of a thumbnail directly on the page, without the user having to go to another page.&lt;br /&gt;
&lt;br /&gt;
; Requirements:&lt;br /&gt;
* Needs to actually be faster than just going to the file page&lt;br /&gt;
* Needs navigation handles for going through a gallery (primary use case)&lt;br /&gt;
* Needs to have a neutral appearance that will not clash with skins, or the files themselves&lt;br /&gt;
* Needs to not confusing licensing information&lt;br /&gt;
* Needs to be optional&lt;br /&gt;
&lt;br /&gt;
; Activation:&lt;br /&gt;
* Primary option for galleries and thumb images, and any images with the word 'lightbox' passed as a parameter&lt;br /&gt;
* Secondary option for non-thumb images on the page, or any images with the word 'nolightbox' passed as a parameter&lt;br /&gt;
* Primary option images: file page icon appears in corner on hover. Is link to file page. Rest of image is activator for lightbox.&lt;br /&gt;
* Secondary option images: lightbox icon appears in corner on hover. Is activator for lightbox. Rest of image is link to file page.&lt;br /&gt;
* Is entirely overridden by setting a link= on the image?&lt;br /&gt;
&lt;br /&gt;
; Interaction and appearance:&lt;br /&gt;
* Semitransparent dark grey cover element blocks out the rest of the page. Image appears in center at nominal size, or almost filling space, whichever is bigger. Can be zoomed in on further if svg or larger than the available space.&lt;br /&gt;
* Back/forward toggles appear for gallery navigation, or for category pages with multiple files. &lt;br /&gt;
* Toggle at bottom allows pulling up file description. Probably just a repeat of whatever wikitext was supplied on the file: page. Some special handling for commons templates, information template, etc, maybe.&lt;br /&gt;
* Clicking on dark grey cover element dismisses it. An X or other close icon should also dismiss it, as a primary fallback for zooming in too much, as should the browser back button, if supportable.&lt;br /&gt;
* UPO for disabling entirely, in user preferences.&lt;/div&gt;</summary>
		<author><name>Apheori</name></author>
	</entry>
</feed>