Merge pull request #702 from cloudinary/fix/cldbind

Fix/cldbind

Author: pereirinha

js/inline-loader.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('wp-polyfill'), 'version' => 'e7aff784a3c9f5bd00c754dd8d63395d');
+<?php return array('dependencies' => array('wp-polyfill'), 'version' => 'e2518755df24a06ffeada9103eb32f0b');

js/inline-loader.js

@@ -203,7 +203,8 @@ public function add_features( $tag_element ) {
 			}
 			// Since we're appending to the onload, check it isn't already in, as it may run twice i.e full page caching.
 			if ( false === strpos( $tag_element['atts']['onload'], 'CLDBind' ) ) {
-				$tag_element['atts']['onload'] .= ';window.CLDBind?CLDBind(this):null;';
+				$tag_element['atts']['data-cloudinary'] = 'lazy';
+				$tag_element['atts']['onload']         .= ';window.CLDBind?CLDBind(this):null;';
 			}
 		}
 

php/delivery/class-lazy-load.php

@@ -244,7 +244,7 @@ window.CLDBind = ( image )=>{
 };
 // Fallback.
 window.addEventListener( 'load', () => {
-	[...document.querySelectorAll('img[data-public-id][onload]')].forEach( ( image )=>{
+	[...document.querySelectorAll('img[data-cloudinary="lazy"]')].forEach( ( image )=>{
 		CLDBind( image );
 	})
 } );