Download the PHP package desandro/imagesloaded without Composer
On this page you can find all versions of the php package desandro/imagesloaded. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download desandro/imagesloaded
More information about desandro/imagesloaded
Files in desandro/imagesloaded
Package imagesloaded
Short Description JavaScript is all like _You images done yet or what?_
License MIT
Homepage http://imagesloaded.desandro.com
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 Yarn: yarn add imagesloaded
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 successfully loaded
imagesLoaded.images
Array of LoadingImage instances for each image detected
Webpack
Install imagesLoaded with npm.
You can then require('imagesloaded')
.
Use .makeJQueryPlugin
to make .imagesLoaded()
jQuery plugin.
Run webpack.
Browserify
imagesLoaded works with Browserify.
Use .makeJQueryPlugin
to make to use .imagesLoaded()
jQuery plugin.
Browser support
- Chrome 49+
- Firefox 41+
- Edge 14+
- iOS Safari 8+
Use imagesLoaded v4 for Internet Explorer and other older browser support.
Development
Development uses Node.js v16 with npm v8
MIT License
imagesLoaded is released under the MIT License. Have at it.