Download the PHP package gymadarasz/imagesloaded without Composer
On this page you can find all versions of the php package gymadarasz/imagesloaded. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download gymadarasz/imagesloaded
More information about gymadarasz/imagesloaded
Files in gymadarasz/imagesloaded
Package imagesloaded
Short Description imagesloaded jquery plugin fork
License MIT
Informations about the package imagesloaded
imagesLoaded
JavaScript is all like "You images done yet or what?"
Detect when images have been loaded.
Install
Download
- imagesloaded.pkgd.min.js minified
- imagesloaded.pkgd.js un-minified
CDN
Package managers
Install via npm: npm install imagesloaded
Install via Bower: bower install imagesloaded --save
jQuery
You can use imagesLoaded as a jQuery Plugin.
.imagesLoaded()
returns a jQuery Deferred object. This allows you to use .always()
, .done()
, .fail()
and .progress()
.
Vanilla JavaScript
You can use imagesLoaded with vanilla JS.
elem
Element, NodeList, Array, or Selector Stringoptions
Objectcallback
Function - function triggered after all images have been loaded
Using a callback function is the same as binding it to the always
event (see below).
Bind events with vanilla JS with .on(), .off(), and .once() methods.
Background
Detect when background images have loaded, in addition to <img>
s.
Set { background: true }
to detect when the element's background image has loaded.
See jQuery demo or vanilla JS demo on CodePen.
Set to a selector string like { background: '.item' }
to detect when the background images of child elements have loaded.
See jQuery demo or vanilla JS demo on CodePen.
Events
always
Triggered after all images have been either loaded or confirmed broken.
instance
imagesLoaded - the imagesLoaded instance
done
Triggered after all images have successfully loaded without any broken images.
fail
Triggered after all images have been loaded with at least one broken image.
progress
Triggered after each image has been loaded.
instance
imagesLoaded - the imagesLoaded instanceimage
LoadingImage - the LoadingImage instance of the loaded image
Properties
LoadingImage.img
Image - The img
element
LoadingImage.isLoaded
Boolean - true
when the image has succesfully loaded
imagesLoaded.images
Array of LoadingImage instances for each image detected
Browserify
imagesLoaded works with Browserify.
Use .makeJQueryPlugin
to make to use .imagesLoaded()
jQuery plugin.
Webpack
Install imagesLoaded and imports-loader with npm.
In your config file, webpack.config.js
, use the imports loader to disable define
and set window for imagesloaded
.
(This hack is required because of an issue with how Webpack loads dependencies. +1 this issue on GitHub to help get this issue addressed.)
You can then require('imagesloaded')
.
Use .makeJQueryPlugin
to make .imagesLoaded()
jQuery plugin.
Run webpack.
RequireJS
imagesLoaded works with RequireJS.
You can require imagesloaded.pkgd.js.
Use .makeJQueryPlugin
to make .imagesLoaded()
jQuery plugin.
You can manage dependencies with Bower. Set baseUrl
to bower_components
and set a path config for all your application code.
Browser support
- IE9+
- Android 2.3+
- iOS Safari 4+
- All other modern browsers
Use imagesLoaded v3 for IE8 support.
MIT License
imagesLoaded is released under the MIT License. Have at it.