homerjam / angular-images-loaded Goto Github PK

While building our AngularJS app we use gulp-uglify.
Unfortunately there is an error when gulp-uglify tries to minify this line as it can't minify code in ES6-notation.

I have a slider where iam using your images loaded. Problem is its only track the first time.
There was a way to trigger it manualy ?

Example:
<img class="ng-cloak" ng-cloak ng-src="{{currentState().src}}" images-loaded="imgLoadedEvents">

When I call a function that updates the {{currentState().src}} data to request a new image, none of the events fire. Is this an issue or is there a proposed solution I'm overlooking?

Thanks!

We have an angular app which is embedded on some clients' pages; Some of them do include an old jQuery-Version (<1.5) which causes the imagesLoaded-Module to break further JS-Execution as it tries to call 'Deferred' on the window.jQuery-Object; Deferred() was implemented to jQuery in v1.5;

As the angular app is embedded to foreign pages we have no control over the jQuery-Version. Could you check if the Deferred()-Method is defined before calling it or otherwise check the jQuery Version before using it to prevent such errors?

Thank you in advance

images of a container are still loaded but the event already fired.

using angular 1.4.8
imagesloaded 4.1.0
and latest of this directive.

happens on dev, on prod both chrome and safari

We are using Require JS to lazily load modules into application. This works like a beauty but it seems that your module uses imagesloaded.js which uses Require as well and simply returns the factory.

Something needs to happen here. We had to manually assign the factory globally (because your module doesn't use Require) so that your module can see it.

Either update your documentation to include Require (which I can provide a few ideas/snippets) or bounce the idea of on require of imageloaded.js then it is loaded in to the window.

applicaiton.js
define(['...', '...', 'imagesLoaded'], function (..., ..., imagesLoaded) {
window.imagesLoaded = imagesLoaded;
}

Any ideas?

Please add your directive to npm this way it can easily be used with things like browserify.

How do I make a "loading" effect of image, that is shown in imagesloaded.

We want to use your library and need a license to support it.

Thanks!