123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487 |
- ( function( global, factory ) {
-
-
- if ( typeof define == 'function' && define.amd ) {
-
- define( 'ev-emitter/ev-emitter',factory );
- } else if ( typeof module == 'object' && module.exports ) {
-
- module.exports = factory();
- } else {
-
- global.EvEmitter = factory();
- }
- }( typeof window != 'undefined' ? window : this, function() {
- function EvEmitter() {}
- var proto = EvEmitter.prototype;
- proto.on = function( eventName, listener ) {
- if ( !eventName || !listener ) {
- return;
- }
-
- var events = this._events = this._events || {};
-
- var listeners = events[ eventName ] = events[ eventName ] || [];
-
- if ( listeners.indexOf( listener ) == -1 ) {
- listeners.push( listener );
- }
- return this;
- };
- proto.once = function( eventName, listener ) {
- if ( !eventName || !listener ) {
- return;
- }
-
- this.on( eventName, listener );
-
-
- var onceEvents = this._onceEvents = this._onceEvents || {};
-
- var onceListeners = onceEvents[ eventName ] = onceEvents[ eventName ] || {};
-
- onceListeners[ listener ] = true;
- return this;
- };
- proto.off = function( eventName, listener ) {
- var listeners = this._events && this._events[ eventName ];
- if ( !listeners || !listeners.length ) {
- return;
- }
- var index = listeners.indexOf( listener );
- if ( index != -1 ) {
- listeners.splice( index, 1 );
- }
- return this;
- };
- proto.emitEvent = function( eventName, args ) {
- var listeners = this._events && this._events[ eventName ];
- if ( !listeners || !listeners.length ) {
- return;
- }
- var i = 0;
- var listener = listeners[i];
- args = args || [];
-
- var onceListeners = this._onceEvents && this._onceEvents[ eventName ];
- while ( listener ) {
- var isOnce = onceListeners && onceListeners[ listener ];
- if ( isOnce ) {
-
-
- this.off( eventName, listener );
-
- delete onceListeners[ listener ];
- }
-
- listener.apply( this, args );
-
- i += isOnce ? 0 : 1;
- listener = listeners[i];
- }
- return this;
- };
- return EvEmitter;
- }));
- ( function( window, factory ) { 'use strict';
-
-
- if ( typeof define == 'function' && define.amd ) {
-
- define( [
- 'ev-emitter/ev-emitter'
- ], function( EvEmitter ) {
- return factory( window, EvEmitter );
- });
- } else if ( typeof module == 'object' && module.exports ) {
-
- module.exports = factory(
- window,
- require('ev-emitter')
- );
- } else {
-
- window.imagesLoaded = factory(
- window,
- window.EvEmitter
- );
- }
- })( window,
- function factory( window, EvEmitter ) {
- var $ = window.jQuery;
- var console = window.console;
- function extend( a, b ) {
- for ( var prop in b ) {
- a[ prop ] = b[ prop ];
- }
- return a;
- }
- function makeArray( obj ) {
- var ary = [];
- if ( Array.isArray( obj ) ) {
-
- ary = obj;
- } else if ( typeof obj.length == 'number' ) {
-
- for ( var i=0; i < obj.length; i++ ) {
- ary.push( obj[i] );
- }
- } else {
-
- ary.push( obj );
- }
- return ary;
- }
- function ImagesLoaded( elem, options, onAlways ) {
-
- if ( !( this instanceof ImagesLoaded ) ) {
- return new ImagesLoaded( elem, options, onAlways );
- }
-
- if ( typeof elem == 'string' ) {
- elem = document.querySelectorAll( elem );
- }
- this.elements = makeArray( elem );
- this.options = extend( {}, this.options );
- if ( typeof options == 'function' ) {
- onAlways = options;
- } else {
- extend( this.options, options );
- }
- if ( onAlways ) {
- this.on( 'always', onAlways );
- }
- this.getImages();
- if ( $ ) {
-
- this.jqDeferred = new $.Deferred();
- }
-
- setTimeout( function() {
- this.check();
- }.bind( this ));
- }
- ImagesLoaded.prototype = Object.create( EvEmitter.prototype );
- ImagesLoaded.prototype.options = {};
- ImagesLoaded.prototype.getImages = function() {
- this.images = [];
-
- this.elements.forEach( this.addElementImages, this );
- };
- ImagesLoaded.prototype.addElementImages = function( elem ) {
-
- if ( elem.nodeName == 'IMG' ) {
- this.addImage( elem );
- }
-
- if ( this.options.background === true ) {
- this.addElementBackgroundImages( elem );
- }
-
-
- var nodeType = elem.nodeType;
- if ( !nodeType || !elementNodeTypes[ nodeType ] ) {
- return;
- }
- var childImgs = elem.querySelectorAll('img');
-
- for ( var i=0; i < childImgs.length; i++ ) {
- var img = childImgs[i];
- this.addImage( img );
- }
-
- if ( typeof this.options.background == 'string' ) {
- var children = elem.querySelectorAll( this.options.background );
- for ( i=0; i < children.length; i++ ) {
- var child = children[i];
- this.addElementBackgroundImages( child );
- }
- }
- };
- var elementNodeTypes = {
- 1: true,
- 9: true,
- 11: true
- };
- ImagesLoaded.prototype.addElementBackgroundImages = function( elem ) {
- var style = getComputedStyle( elem );
- if ( !style ) {
-
- return;
- }
-
- var reURL = /url\((['"])?(.*?)\1\)/gi;
- var matches = reURL.exec( style.backgroundImage );
- while ( matches !== null ) {
- var url = matches && matches[2];
- if ( url ) {
- this.addBackground( url, elem );
- }
- matches = reURL.exec( style.backgroundImage );
- }
- };
- ImagesLoaded.prototype.addImage = function( img ) {
- var loadingImage = new LoadingImage( img );
- this.images.push( loadingImage );
- };
- ImagesLoaded.prototype.addBackground = function( url, elem ) {
- var background = new Background( url, elem );
- this.images.push( background );
- };
- ImagesLoaded.prototype.check = function() {
- var _this = this;
- this.progressedCount = 0;
- this.hasAnyBroken = false;
-
- if ( !this.images.length ) {
- this.complete();
- return;
- }
- function onProgress( image, elem, message ) {
-
- setTimeout( function() {
- _this.progress( image, elem, message );
- });
- }
- this.images.forEach( function( loadingImage ) {
- loadingImage.once( 'progress', onProgress );
- loadingImage.check();
- });
- };
- ImagesLoaded.prototype.progress = function( image, elem, message ) {
- this.progressedCount++;
- this.hasAnyBroken = this.hasAnyBroken || !image.isLoaded;
-
- this.emitEvent( 'progress', [ this, image, elem ] );
- if ( this.jqDeferred && this.jqDeferred.notify ) {
- this.jqDeferred.notify( this, image );
- }
-
- if ( this.progressedCount == this.images.length ) {
- this.complete();
- }
- if ( this.options.debug && console ) {
- console.log( 'progress: ' + message, image, elem );
- }
- };
- ImagesLoaded.prototype.complete = function() {
- var eventName = this.hasAnyBroken ? 'fail' : 'done';
- this.isComplete = true;
- this.emitEvent( eventName, [ this ] );
- this.emitEvent( 'always', [ this ] );
- if ( this.jqDeferred ) {
- var jqMethod = this.hasAnyBroken ? 'reject' : 'resolve';
- this.jqDeferred[ jqMethod ]( this );
- }
- };
- function LoadingImage( img ) {
- this.img = img;
- }
- LoadingImage.prototype = Object.create( EvEmitter.prototype );
- LoadingImage.prototype.check = function() {
-
-
- var isComplete = this.getIsImageComplete();
- if ( isComplete ) {
-
- this.confirm( this.img.naturalWidth !== 0, 'naturalWidth' );
- return;
- }
-
- this.proxyImage = new Image();
- this.proxyImage.addEventListener( 'load', this );
- this.proxyImage.addEventListener( 'error', this );
-
- this.img.addEventListener( 'load', this );
- this.img.addEventListener( 'error', this );
- this.proxyImage.src = this.img.src;
- };
- LoadingImage.prototype.getIsImageComplete = function() {
- return this.img.complete && this.img.naturalWidth !== undefined;
- };
- LoadingImage.prototype.confirm = function( isLoaded, message ) {
- this.isLoaded = isLoaded;
- this.emitEvent( 'progress', [ this, this.img, message ] );
- };
- LoadingImage.prototype.handleEvent = function( event ) {
- var method = 'on' + event.type;
- if ( this[ method ] ) {
- this[ method ]( event );
- }
- };
- LoadingImage.prototype.onload = function() {
- this.confirm( true, 'onload' );
- this.unbindEvents();
- };
- LoadingImage.prototype.onerror = function() {
- this.confirm( false, 'onerror' );
- this.unbindEvents();
- };
- LoadingImage.prototype.unbindEvents = function() {
- this.proxyImage.removeEventListener( 'load', this );
- this.proxyImage.removeEventListener( 'error', this );
- this.img.removeEventListener( 'load', this );
- this.img.removeEventListener( 'error', this );
- };
- function Background( url, element ) {
- this.url = url;
- this.element = element;
- this.img = new Image();
- }
- Background.prototype = Object.create( LoadingImage.prototype );
- Background.prototype.check = function() {
- this.img.addEventListener( 'load', this );
- this.img.addEventListener( 'error', this );
- this.img.src = this.url;
-
- var isComplete = this.getIsImageComplete();
- if ( isComplete ) {
- this.confirm( this.img.naturalWidth !== 0, 'naturalWidth' );
- this.unbindEvents();
- }
- };
- Background.prototype.unbindEvents = function() {
- this.img.removeEventListener( 'load', this );
- this.img.removeEventListener( 'error', this );
- };
- Background.prototype.confirm = function( isLoaded, message ) {
- this.isLoaded = isLoaded;
- this.emitEvent( 'progress', [ this, this.element, message ] );
- };
- ImagesLoaded.makeJQueryPlugin = function( jQuery ) {
- jQuery = jQuery || window.jQuery;
- if ( !jQuery ) {
- return;
- }
-
- $ = jQuery;
-
- $.fn.imagesLoaded = function( options, callback ) {
- var instance = new ImagesLoaded( this, options, callback );
- return instance.jqDeferred.promise( $(this) );
- };
- };
- ImagesLoaded.makeJQueryPlugin();
- return ImagesLoaded;
- });
|