blob: f7d32dfc58c23e8cbe31ca2f2de48309cbac0857 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
|
/* jshint onevar: false */
( function() {
function recalculate() {
if ( this.complete ) {
// Support for lazy loading: if there is a lazy-src attribute and it's value
// is not the same as the current src we should wait until the image load event
var lazySrc = this.getAttribute('data-lazy-src');
if ( lazySrc && this.src !== lazySrc ) {
this.addEventListener( 'onload', recalculate );
return;
}
// Copying CSS width/height into element attributes.
var width = this.width;
var height = this.height;
if ( width && width > 0 && height && height > 0 ) {
this.setAttribute('width', width);
this.setAttribute('height', height);
reset_for_retina( this );
}
}
else {
this.addEventListener( 'onload', recalculate );
return;
}
}
/**
* For images lacking explicit dimensions and needing them, try to add them.
*/
var restore_dims = function() {
var elements = document.querySelectorAll( 'img[data-recalc-dims]' );
for (var i = 0; i < elements.length; i++) {
recalculate.call( elements[i] );
}
},
/**
* Modify given image's markup so that devicepx-jetpack.js will act on the image and it won't be reprocessed by this script.
*/
reset_for_retina = function( img ) {
img.removeAttribute( 'data-recalc-dims' );
img.removeAttribute( 'scale' );
};
/**
* Check both when page loads, and when IS is triggered.
*/
if ( typeof window !== 'undefined' && typeof document !== 'undefined' ) {
// `DOMContentLoaded` may fire before the script has a chance to run
if ( document.readyState === 'loading' ) {
document.addEventListener( 'DOMContentLoaded', restore_dims );
} else {
restore_dims();
}
}
document.body.addEventListener( 'post-load', restore_dims );
} )();
|