Avoid relying on has-background class for lazy-loading background i…

…mages
WordPress · Nov 29, 2024 · ce351c2 · ce351c2
1 parent 3a50808
commit ce351c2
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/plugins/image-prioritizer/class-image-prioritizer-background-image-styled-tag-visitor.php b/plugins/image-prioritizer/class-image-prioritizer-background-image-styled-tag-visitor.php
@@ -134,7 +134,7 @@ private function lazy_load_bg_images( OD_Tag_Visitor_Context $context ): void {
 			$processor->append_head_html(
 				'<style>
 					@media (scripting: enabled) {
-						.has-background.od-lazy-bg-image {
+						.od-lazy-bg-image {
 							background-image: none !important;
 						}
 					}

diff --git a/plugins/image-prioritizer/lazy-load-bg-image.js b/plugins/image-prioritizer/lazy-load-bg-image.js
@@ -16,9 +16,7 @@ const lazyBgImageObserver = new IntersectionObserver(
 	}
 );
 
-const bgImageElements = document.querySelectorAll(
-	'.has-background.od-lazy-bg-image'
-);
+const bgImageElements = document.querySelectorAll( '.od-lazy-bg-image' );
 for ( const bgImageElement of bgImageElements ) {
 	lazyBgImageObserver.observe( bgImageElement );
 }