blob: f68daebcea20260e18cf06bafaee39443216b90c (
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
|
( 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 );
} )();
|