<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="de">
	<id>https://wiki.stephanschlegel.de/index.php?action=history&amp;feed=atom&amp;title=JavaScript_-_Images_Loaded</id>
	<title>JavaScript - Images Loaded - Versionsgeschichte</title>
	<link rel="self" type="application/atom+xml" href="https://wiki.stephanschlegel.de/index.php?action=history&amp;feed=atom&amp;title=JavaScript_-_Images_Loaded"/>
	<link rel="alternate" type="text/html" href="https://wiki.stephanschlegel.de/index.php?title=JavaScript_-_Images_Loaded&amp;action=history"/>
	<updated>2026-05-07T03:22:10Z</updated>
	<subtitle>Versionsgeschichte dieser Seite in Wikizone</subtitle>
	<generator>MediaWiki 1.35.14</generator>
	<entry>
		<id>https://wiki.stephanschlegel.de/index.php?title=JavaScript_-_Images_Loaded&amp;diff=22192&amp;oldid=prev</id>
		<title>Steff: /* Images Loaded */</title>
		<link rel="alternate" type="text/html" href="https://wiki.stephanschlegel.de/index.php?title=JavaScript_-_Images_Loaded&amp;diff=22192&amp;oldid=prev"/>
		<updated>2017-04-24T11:55:05Z</updated>

		<summary type="html">&lt;p&gt;&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Images Loaded&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table class=&quot;diff diff-contentalign-left diff-editfont-monospace&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;de&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Nächstältere Version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Version vom 24. April 2017, 11:55 Uhr&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-l1&quot; &gt;Zeile 1:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 1:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&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;== Images Loaded ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&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 class=&quot;diffchange diffchange-inline&quot;&gt;Oft möchte man etwas ausführen wenn alle Bilder geladen sind. Das funktioniert manchmal nicht zuverlässig, vor allem wenn Hintergrundbilder im Spiel sind. Eine Hilfe bieten ImageLoaded Skripte.&lt;/ins&gt;&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=&#039;diff-marker&#039;&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;== Images Loaded &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;(1)&lt;/ins&gt;==&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=&#039;diff-marker&#039;&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;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt; &lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&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 class=&quot;diffchange diffchange-inline&quot;&gt;&amp;#039;&amp;#039;&amp;#039;Beispiel&amp;#039;&amp;#039;&amp;#039;&lt;/ins&gt;&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=&#039;diff-marker&#039;&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 class=&quot;diffchange diffchange-inline&quot;&gt;&amp;lt;syntaxhighlight lang=&amp;quot;javascript&amp;quot;&amp;gt;&lt;/ins&gt;&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=&#039;diff-marker&#039;&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 class=&quot;diffchange diffchange-inline&quot;&gt;    var $container = $(&amp;#039;.works-grid&amp;#039;);&lt;/ins&gt;&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=&#039;diff-marker&#039;&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 class=&quot;diffchange diffchange-inline&quot;&gt;    $container.imagesLoaded( function() {&lt;/ins&gt;&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=&#039;diff-marker&#039;&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 class=&quot;diffchange diffchange-inline&quot;&gt;        $container.isotope({&lt;/ins&gt;&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=&#039;diff-marker&#039;&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 class=&quot;diffchange diffchange-inline&quot;&gt;            itemSelector: &amp;#039;.work-item&amp;#039;,&lt;/ins&gt;&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=&#039;diff-marker&#039;&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 class=&quot;diffchange diffchange-inline&quot;&gt;            layoutMode: &amp;#039;fitRows&amp;#039;,&lt;/ins&gt;&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=&#039;diff-marker&#039;&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 class=&quot;diffchange diffchange-inline&quot;&gt;            percentPosition: true,&lt;/ins&gt;&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=&#039;diff-marker&#039;&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 class=&quot;diffchange diffchange-inline&quot;&gt;            masonry: { columnWidth: &amp;#039;.work-img&amp;#039; }&lt;/ins&gt;&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=&#039;diff-marker&#039;&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 class=&quot;diffchange diffchange-inline&quot;&gt;        });&lt;/ins&gt;&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=&#039;diff-marker&#039;&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 class=&quot;diffchange diffchange-inline&quot;&gt;    });&lt;/ins&gt;&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=&#039;diff-marker&#039;&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 class=&quot;diffchange diffchange-inline&quot;&gt;&amp;lt;/syntaxhighlight&amp;gt;&lt;/ins&gt;&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=&#039;diff-marker&#039;&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 class=&quot;diffchange diffchange-inline&quot;&gt;&amp;#039;&amp;#039;&amp;#039;jQuery Plugin:&amp;#039;&amp;#039;&amp;#039;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&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;&amp;lt;syntaxhighlight lang=&amp;quot;javascript&amp;quot;&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&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;&amp;lt;syntaxhighlight lang=&amp;quot;javascript&amp;quot;&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&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=&#039;diff-marker&#039;&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;/table&gt;</summary>
		<author><name>Steff</name></author>
	</entry>
	<entry>
		<id>https://wiki.stephanschlegel.de/index.php?title=JavaScript_-_Images_Loaded&amp;diff=22191&amp;oldid=prev</id>
		<title>Steff: Die Seite wurde neu angelegt: „== Images Loaded == &lt;syntaxhighlight lang=&quot;javascript&quot;&gt; /*!  * imagesLoaded PACKAGED v3.2.0  * JavaScript is all like &quot;You images are done yet or what?&quot;  * MIT…“</title>
		<link rel="alternate" type="text/html" href="https://wiki.stephanschlegel.de/index.php?title=JavaScript_-_Images_Loaded&amp;diff=22191&amp;oldid=prev"/>
		<updated>2017-04-24T11:50:53Z</updated>

		<summary type="html">&lt;p&gt;Die Seite wurde neu angelegt: „== Images Loaded == &amp;lt;syntaxhighlight lang=&amp;quot;javascript&amp;quot;&amp;gt; /*!  * imagesLoaded PACKAGED v3.2.0  * JavaScript is all like &amp;quot;You images are done yet or what?&amp;quot;  * MIT…“&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Neue Seite&lt;/b&gt;&lt;/p&gt;&lt;div&gt;== Images Loaded ==&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;javascript&amp;quot;&amp;gt;&lt;br /&gt;
/*!&lt;br /&gt;
 * imagesLoaded PACKAGED v3.2.0&lt;br /&gt;
 * JavaScript is all like &amp;quot;You images are done yet or what?&amp;quot;&lt;br /&gt;
 * MIT License&lt;br /&gt;
 */&lt;br /&gt;
&lt;br /&gt;
(function(){&amp;quot;use strict&amp;quot;;function e(){}function t(e,t){for(var n=e.length;n--;)if(e[n].listener===t)return n;return-1}function n(e){return function(){return this[e].apply(this,arguments)}}var i=e.prototype,r=this,s=r.EventEmitter;i.getListeners=function(e){var t,n,i=this._getEvents();if(&amp;quot;object&amp;quot;==typeof e){t={};for(n in i)i.hasOwnProperty(n)&amp;amp;&amp;amp;e.test(n)&amp;amp;&amp;amp;(t[n]=i[n])}else t=i[e]||(i[e]=[]);return t},i.flattenListeners=function(e){var t,n=[];for(t=0;t&amp;lt;e.length;t+=1)n.push(e[t].listener);return n},i.getListenersAsObject=function(e){var t,n=this.getListeners(e);return n instanceof Array&amp;amp;&amp;amp;(t={},t[e]=n),t||n},i.addListener=function(e,n){var i,r=this.getListenersAsObject(e),s=&amp;quot;object&amp;quot;==typeof n;for(i in r)r.hasOwnProperty(i)&amp;amp;&amp;amp;-1===t(r[i],n)&amp;amp;&amp;amp;r[i].push(s?n:{listener:n,once:!1});return this},i.on=n(&amp;quot;addListener&amp;quot;),i.addOnceListener=function(e,t){return this.addListener(e,{listener:t,once:!0})},i.once=n(&amp;quot;addOnceListener&amp;quot;),i.defineEvent=function(e){return this.getListeners(e),this},i.defineEvents=function(e){for(var t=0;t&amp;lt;e.length;t+=1)this.defineEvent(e[t]);return this},i.removeListener=function(e,n){var i,r,s=this.getListenersAsObject(e);for(r in s)s.hasOwnProperty(r)&amp;amp;&amp;amp;(i=t(s[r],n),-1!==i&amp;amp;&amp;amp;s[r].splice(i,1));return this},i.off=n(&amp;quot;removeListener&amp;quot;),i.addListeners=function(e,t){return this.manipulateListeners(!1,e,t)},i.removeListeners=function(e,t){return this.manipulateListeners(!0,e,t)},i.manipulateListeners=function(e,t,n){var i,r,s=e?this.removeListener:this.addListener,o=e?this.removeListeners:this.addListeners;if(&amp;quot;object&amp;quot;!=typeof t||t instanceof RegExp)for(i=n.length;i--;)s.call(this,t,n[i]);else for(i in t)t.hasOwnProperty(i)&amp;amp;&amp;amp;(r=t[i])&amp;amp;&amp;amp;(&amp;quot;function&amp;quot;==typeof r?s.call(this,i,r):o.call(this,i,r));return this},i.removeEvent=function(e){var t,n=typeof e,i=this._getEvents();if(&amp;quot;string&amp;quot;===n)delete i[e];else if(&amp;quot;object&amp;quot;===n)for(t in i)i.hasOwnProperty(t)&amp;amp;&amp;amp;e.test(t)&amp;amp;&amp;amp;delete i[t];else delete this._events;return this},i.removeAllListeners=n(&amp;quot;removeEvent&amp;quot;),i.emitEvent=function(e,t){var n,i,r,s,o=this.getListenersAsObject(e);for(r in o)if(o.hasOwnProperty(r))for(i=o[r].length;i--;)n=o[r][i],n.once===!0&amp;amp;&amp;amp;this.removeListener(e,n.listener),s=n.listener.apply(this,t||[]),s===this._getOnceReturnValue()&amp;amp;&amp;amp;this.removeListener(e,n.listener);return this},i.trigger=n(&amp;quot;emitEvent&amp;quot;),i.emit=function(e){var t=Array.prototype.slice.call(arguments,1);return this.emitEvent(e,t)},i.setOnceReturnValue=function(e){return this._onceReturnValue=e,this},i._getOnceReturnValue=function(){return this.hasOwnProperty(&amp;quot;_onceReturnValue&amp;quot;)?this._onceReturnValue:!0},i._getEvents=function(){return this._events||(this._events={})},e.noConflict=function(){return r.EventEmitter=s,e},&amp;quot;function&amp;quot;==typeof define&amp;amp;&amp;amp;define.amd?define(&amp;quot;eventEmitter/EventEmitter&amp;quot;,[],function(){return e}):&amp;quot;object&amp;quot;==typeof module&amp;amp;&amp;amp;module.exports?module.exports=e:this.EventEmitter=e}).call(this),function(e){function t(t){var n=e.event;return n.target=n.target||n.srcElement||t,n}var n=document.documentElement,i=function(){};n.addEventListener?i=function(e,t,n){e.addEventListener(t,n,!1)}:n.attachEvent&amp;amp;&amp;amp;(i=function(e,n,i){e[n+i]=i.handleEvent?function(){var n=t(e);i.handleEvent.call(i,n)}:function(){var n=t(e);i.call(e,n)},e.attachEvent(&amp;quot;on&amp;quot;+n,e[n+i])});var r=function(){};n.removeEventListener?r=function(e,t,n){e.removeEventListener(t,n,!1)}:n.detachEvent&amp;amp;&amp;amp;(r=function(e,t,n){e.detachEvent(&amp;quot;on&amp;quot;+t,e[t+n]);try{delete e[t+n]}catch(i){e[t+n]=void 0}});var s={bind:i,unbind:r};&amp;quot;function&amp;quot;==typeof define&amp;amp;&amp;amp;define.amd?define(&amp;quot;eventie/eventie&amp;quot;,s):e.eventie=s}(this),function(e,t){&amp;quot;use strict&amp;quot;;&amp;quot;function&amp;quot;==typeof define&amp;amp;&amp;amp;define.amd?define([&amp;quot;eventEmitter/EventEmitter&amp;quot;,&amp;quot;eventie/eventie&amp;quot;],function(n,i){return t(e,n,i)}):&amp;quot;object&amp;quot;==typeof module&amp;amp;&amp;amp;module.exports?module.exports=t(e,require(&amp;quot;wolfy87-eventemitter&amp;quot;),require(&amp;quot;eventie&amp;quot;)):e.imagesLoaded=t(e,e.EventEmitter,e.eventie)}(window,function(e,t,n){function i(e,t){for(var n in t)e[n]=t[n];return e}function r(e){return&amp;quot;[object Array]&amp;quot;==f.call(e)}function s(e){var t=[];if(r(e))t=e;else if(&amp;quot;number&amp;quot;==typeof e.length)for(var n=0;n&amp;lt;e.length;n++)t.push(e[n]);else t.push(e);return t}function o(e,t,n){if(!(this instanceof o))return new o(e,t,n);&amp;quot;string&amp;quot;==typeof e&amp;amp;&amp;amp;(e=document.querySelectorAll(e)),this.elements=s(e),this.options=i({},this.options),&amp;quot;function&amp;quot;==typeof t?n=t:i(this.options,t),n&amp;amp;&amp;amp;this.on(&amp;quot;always&amp;quot;,n),this.getImages(),u&amp;amp;&amp;amp;(this.jqDeferred=new u.Deferred);var r=this;setTimeout(function(){r.check()})}function h(e){this.img=e}function a(e,t){this.url=e,this.element=t,this.img=new Image}var u=e.jQuery,c=e.console,f=Object.prototype.toString;o.prototype=new t,o.prototype.options={},o.prototype.getImages=function(){this.images=[];for(var e=0;e&amp;lt;this.elements.length;e++){var t=this.elements[e];this.addElementImages(t)}},o.prototype.addElementImages=function(e){&amp;quot;IMG&amp;quot;==e.nodeName&amp;amp;&amp;amp;this.addImage(e),this.options.background===!0&amp;amp;&amp;amp;this.addElementBackgroundImages(e);var t=e.nodeType;if(t&amp;amp;&amp;amp;d[t]){for(var n=e.querySelectorAll(&amp;quot;img&amp;quot;),i=0;i&amp;lt;n.length;i++){var r=n[i];this.addImage(r)}if(&amp;quot;string&amp;quot;==typeof this.options.background){var s=e.querySelectorAll(this.options.background);for(i=0;i&amp;lt;s.length;i++){var o=s[i];this.addElementBackgroundImages(o)}}}};var d={1:!0,9:!0,11:!0};o.prototype.addElementBackgroundImages=function(e){for(var t=m(e),n=/url\([&amp;#039;&amp;quot;]*([^&amp;#039;&amp;quot;\)]+)[&amp;#039;&amp;quot;]*\)/gi,i=n.exec(t.backgroundImage);null!==i;){var r=i&amp;amp;&amp;amp;i[1];r&amp;amp;&amp;amp;this.addBackground(r,e),i=n.exec(t.backgroundImage)}};var m=e.getComputedStyle||function(e){return e.currentStyle};return o.prototype.addImage=function(e){var t=new h(e);this.images.push(t)},o.prototype.addBackground=function(e,t){var n=new a(e,t);this.images.push(n)},o.prototype.check=function(){function e(e,n,i){setTimeout(function(){t.progress(e,n,i)})}var t=this;if(this.progressedCount=0,this.hasAnyBroken=!1,!this.images.length)return void this.complete();for(var n=0;n&amp;lt;this.images.length;n++){var i=this.images[n];i.once(&amp;quot;progress&amp;quot;,e),i.check()}},o.prototype.progress=function(e,t,n){this.progressedCount++,this.hasAnyBroken=this.hasAnyBroken||!e.isLoaded,this.emit(&amp;quot;progress&amp;quot;,this,e,t),this.jqDeferred&amp;amp;&amp;amp;this.jqDeferred.notify&amp;amp;&amp;amp;this.jqDeferred.notify(this,e),this.progressedCount==this.images.length&amp;amp;&amp;amp;this.complete(),this.options.debug&amp;amp;&amp;amp;c&amp;amp;&amp;amp;c.log(&amp;quot;progress: &amp;quot;+n,e,t)},o.prototype.complete=function(){var e=this.hasAnyBroken?&amp;quot;fail&amp;quot;:&amp;quot;done&amp;quot;;if(this.isComplete=!0,this.emit(e,this),this.emit(&amp;quot;always&amp;quot;,this),this.jqDeferred){var t=this.hasAnyBroken?&amp;quot;reject&amp;quot;:&amp;quot;resolve&amp;quot;;this.jqDeferred[t](this)}},h.prototype=new t,h.prototype.check=function(){var e=this.getIsImageComplete();return e?void this.confirm(0!==this.img.naturalWidth,&amp;quot;naturalWidth&amp;quot;):(this.proxyImage=new Image,n.bind(this.proxyImage,&amp;quot;load&amp;quot;,this),n.bind(this.proxyImage,&amp;quot;error&amp;quot;,this),n.bind(this.img,&amp;quot;load&amp;quot;,this),n.bind(this.img,&amp;quot;error&amp;quot;,this),void(this.proxyImage.src=this.img.src))},h.prototype.getIsImageComplete=function(){return this.img.complete&amp;amp;&amp;amp;void 0!==this.img.naturalWidth},h.prototype.confirm=function(e,t){this.isLoaded=e,this.emit(&amp;quot;progress&amp;quot;,this,this.img,t)},h.prototype.handleEvent=function(e){var t=&amp;quot;on&amp;quot;+e.type;this[t]&amp;amp;&amp;amp;this[t](e)},h.prototype.onload=function(){this.confirm(!0,&amp;quot;onload&amp;quot;),this.unbindEvents()},h.prototype.onerror=function(){this.confirm(!1,&amp;quot;onerror&amp;quot;),this.unbindEvents()},h.prototype.unbindEvents=function(){n.unbind(this.proxyImage,&amp;quot;load&amp;quot;,this),n.unbind(this.proxyImage,&amp;quot;error&amp;quot;,this),n.unbind(this.img,&amp;quot;load&amp;quot;,this),n.unbind(this.img,&amp;quot;error&amp;quot;,this)},a.prototype=new h,a.prototype.check=function(){n.bind(this.img,&amp;quot;load&amp;quot;,this),n.bind(this.img,&amp;quot;error&amp;quot;,this),this.img.src=this.url;var e=this.getIsImageComplete();e&amp;amp;&amp;amp;(this.confirm(0!==this.img.naturalWidth,&amp;quot;naturalWidth&amp;quot;),this.unbindEvents())},a.prototype.unbindEvents=function(){n.unbind(this.img,&amp;quot;load&amp;quot;,this),n.unbind(this.img,&amp;quot;error&amp;quot;,this)},a.prototype.confirm=function(e,t){this.isLoaded=e,this.emit(&amp;quot;progress&amp;quot;,this,this.element,t)},o.makeJQueryPlugin=function(t){t=t||e.jQuery,t&amp;amp;&amp;amp;(u=t,u.fn.imagesLoaded=function(e,t){var n=new o(this,e,t);return n.jqDeferred.promise(u(this))})},o.makeJQueryPlugin(),o});&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;/div&gt;</summary>
		<author><name>Steff</name></author>
	</entry>
</feed>