<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://wiki.geministation.com/index.php?action=history&amp;feed=atom&amp;title=MediaWiki%3AGadget-lazyload-core.js</id>
	<title>MediaWiki:Gadget-lazyload-core.js - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://wiki.geministation.com/index.php?action=history&amp;feed=atom&amp;title=MediaWiki%3AGadget-lazyload-core.js"/>
	<link rel="alternate" type="text/html" href="https://wiki.geministation.com/index.php?title=MediaWiki:Gadget-lazyload-core.js&amp;action=history"/>
	<updated>2026-06-04T03:23:56Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.43.8</generator>
	<entry>
		<id>https://wiki.geministation.com/index.php?title=MediaWiki:Gadget-lazyload-core.js&amp;diff=6818&amp;oldid=prev</id>
		<title>Banri at 14:30, 14 August 2020</title>
		<link rel="alternate" type="text/html" href="https://wiki.geministation.com/index.php?title=MediaWiki:Gadget-lazyload-core.js&amp;diff=6818&amp;oldid=prev"/>
		<updated>2020-08-14T14:30:10Z</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&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 14:30, 14 August 2020&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-l2&quot;&gt;Line 2:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 2:&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;/**&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;/**&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;  * Allows loading of images (or other files) on click instead of on page load&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;  * Allows loading of images (or other files) on click instead of on page load&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&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: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt; *&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&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: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt; * @version 1.0&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&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: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt; * @author Elessar2&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&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;  *  &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;  *  &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;  */&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;  */&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key wiki_gem-wiki:diff:1.41:old-6817:rev-6818:php=table --&gt;
&lt;/table&gt;</summary>
		<author><name>Banri</name></author>
	</entry>
	<entry>
		<id>https://wiki.geministation.com/index.php?title=MediaWiki:Gadget-lazyload-core.js&amp;diff=6817&amp;oldid=prev</id>
		<title>Banri: Created page with &quot;//&lt;nowiki&gt; /**  * Allows loading of images (or other files) on click instead of on page load  *  * @version 1.0  * @author Elessar2  *   */  /*global jQuery, mediaWiki, mw */...&quot;</title>
		<link rel="alternate" type="text/html" href="https://wiki.geministation.com/index.php?title=MediaWiki:Gadget-lazyload-core.js&amp;diff=6817&amp;oldid=prev"/>
		<updated>2020-08-14T14:30:01Z</updated>

		<summary type="html">&lt;p&gt;Created page with &amp;quot;//&amp;lt;nowiki&amp;gt; &lt;span class=&quot;autocomment&quot;&gt;*  * Allows loading of images (or other files) on click instead of on page load  *  * @version 1.0  * @author Elessar2  *: &lt;/span&gt;  &lt;span class=&quot;autocomment&quot;&gt;global jQuery, mediaWiki, mw: &lt;/span&gt;...&amp;quot;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;//&amp;lt;nowiki&amp;gt;&lt;br /&gt;
/**&lt;br /&gt;
 * Allows loading of images (or other files) on click instead of on page load&lt;br /&gt;
 *&lt;br /&gt;
 * @version 1.0&lt;br /&gt;
 * @author Elessar2&lt;br /&gt;
 * &lt;br /&gt;
 */&lt;br /&gt;
&lt;br /&gt;
/*global jQuery, mediaWiki, mw */&lt;br /&gt;
&amp;#039;use strict&amp;#039;;&lt;br /&gt;
&lt;br /&gt;
;(function($){&lt;br /&gt;
&lt;br /&gt;
	// load image&lt;br /&gt;
	function loadImg($span) {&lt;br /&gt;
		mw.log(&amp;#039;load image&amp;#039;);&lt;br /&gt;
		mw.log($span);&lt;br /&gt;
		if ($span.find(&amp;#039;img&amp;#039;).length) {&lt;br /&gt;
			mw.log(&amp;#039;image already loaded&amp;#039;);&lt;br /&gt;
			return;&lt;br /&gt;
		}&lt;br /&gt;
		$span.off(&amp;#039;click&amp;#039;);&lt;br /&gt;
&lt;br /&gt;
		var $link = $span.find(&amp;#039;a&amp;#039;),&lt;br /&gt;
			alt = $span.attr(&amp;#039;data-alt&amp;#039;) || $link.attr(&amp;#039;title&amp;#039;).replace(&amp;#039;File:&amp;#039;, &amp;#039;&amp;#039;),&lt;br /&gt;
			$img = $(&amp;#039;&amp;lt;img&amp;gt;&amp;#039;).attr({ alt:alt, src:$span.attr(&amp;#039;data-file&amp;#039;) }).addClass( $span.attr(&amp;#039;data-class&amp;#039;) );&lt;br /&gt;
&lt;br /&gt;
		$span.addClass(&amp;#039;image&amp;#039;);&lt;br /&gt;
		$link.attr({href:$span.attr(&amp;#039;data-href&amp;#039;), title:alt}).empty().append($img);&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	// initialise&lt;br /&gt;
	function init() {&lt;br /&gt;
		$(&amp;#039;span.gsw-lazyload-all a&amp;#039;).each(function (i) {&lt;br /&gt;
			$(this).parent().attr(&amp;#039;id&amp;#039;, &amp;#039;llall&amp;#039;+i);&lt;br /&gt;
			$(this).attr(&amp;#039;href&amp;#039;, &amp;#039;#llall&amp;#039;+i);&lt;br /&gt;
			$(this).click(function () {&lt;br /&gt;
				mw.log(&amp;#039;load all&amp;#039;);&lt;br /&gt;
				$(&amp;#039;span.gsw-lazyload&amp;#039;).each(function () {&lt;br /&gt;
					loadImg($(this));&lt;br /&gt;
				});&lt;br /&gt;
				$(&amp;#039;span.gsw-lazyload-all a&amp;#039;).each(function () {&lt;br /&gt;
					$(this).off(&amp;#039;click&amp;#039;);&lt;br /&gt;
				});&lt;br /&gt;
				return false;&lt;br /&gt;
			});&lt;br /&gt;
		});&lt;br /&gt;
&lt;br /&gt;
		$(&amp;#039;span.gsw-lazyload&amp;#039;).each(function (i) {&lt;br /&gt;
			$(this).attr({&amp;#039;data-href&amp;#039;:$(this).find(&amp;#039;a&amp;#039;).attr(&amp;#039;href&amp;#039;), id:&amp;#039;llitem&amp;#039;+i });&lt;br /&gt;
			$(this).find(&amp;#039;a&amp;#039;).attr(&amp;#039;href&amp;#039;, &amp;#039;#llitem&amp;#039;+i);&lt;br /&gt;
			$(this).click(function () {&lt;br /&gt;
				loadImg($(this));&lt;br /&gt;
				return false;&lt;br /&gt;
			});&lt;br /&gt;
		});&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	$(init);&lt;br /&gt;
}(jQuery));&lt;br /&gt;
//&amp;lt;/nowiki&amp;gt;&lt;/div&gt;</summary>
		<author><name>Banri</name></author>
	</entry>
</feed>