TESTING SPAI with different images and tags
Inline SVG, don’t touch, don’t add spai-bg-prepared
Here we have a x-jsrender template (from the Agile Store Locator plugin)
DIV with bg URL having a ? parameter AND the last attribute with space after =
LITY integration – if the option is active in Settings -> Areas, the attribute data-lity-target is added, containing the original URL
Elementor section with video background (test by adding &spai_force_elementor=true to URL):
|
THIS IS A VIDEO WITH POSTER:
THIS IS A VIDEO WITH POSTER IN THE SOURCE TAG:
THIS IS A BLOCK of script type application/json THIS IS A BLOCK of script type application/ld+json THIS IS A BLOCK of script that contains JSON variables that are used to display the images below:Buddyplayer Elementor Pro JS Block
THIS IS A DIV WITH data-ultimate-bg (WP Bakery)THIS IS A WOOCOMMERCE FORM WITH PRODUCT VARIATIONS:
THIS IS A WOOCOMMERCE DIV WITH SAME PRODUCT VARIATIONS:
THIS IS A <FIGURE> in a slider:
LOGO WITH IMAGE SWAP ON HOVER:
THIS IMAGE CONTAINS THE Jupiter THEME’s MK slider with data-mk-image-src-set. Test this by forcing theme name to Jupiter.
THESE NEXT TWO DIVS CONTAINS CROWD 2’s Flo Slideshow styles – set CROWD 2 as theme name to test
A NOSCRIPT TAG:Image with SRCSET and SRC is a smaller image than the placeholder, check that id doesn’t look blurry (first one has Media Library ID so it passes through srcset filter, second not and has srcset hardcoded):This is a SVG image, store on CDN only
Divs having backgrounds from style
Image on external site (Amazon)
Image that has the metadata embedded into the pseudoURL: Image that has empty srcset EXCLUDED by attribute: NORESIZE by attribute: EAGER by attribute: EXCLUDED by class: EAGER: NORESIZE: NOT EXCLUDED, contains ®: O imagine cu & si ? in URL: AMP IMG: AMP-IMG END Cropped by object-fit:cover : First larger then smaller First smaller than larger Has wrong sizes, should not crop because browser doesn’t, it reflows Should keep the metadata inside src as it has the Slider Revolution class: This one has GET parameters: Forcing CROP to true: Forcing CROP to false: Image with URL starting with double dot: SRC without quotes: using "This DIV has space around the background-URL:
This DIV has multiple backgrounds, in-tag style:
This DIV only has gradient:
BACKGROUND IMAGES IN INLINE STYLE:
ADMISSIONS
SCHOOLS
FINE ARTS
ATHLETICS
TUITION AND AID
Image with data-src