I have a list setup to display the most recent 5 posts, with AJAX pagination to load more.
I’m using the Overlay card. The most recent five posts display perfectly on page load. The featured image is the background of each card. However, when I load more posts using the AJAX method, the loaded cards are missing the background image.
I’m not using an overlay icon, but it appears the cards loaded via AJAX are looking for one. Here’s the tag of a card loaded by AJAX:
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201200%20300'%3E%3C/svg%3E" data-src="https://www.wildwolves.net/wp-content/uploads/2021/04/theater-1308794_1920-1200x300.jpg" alt="Critique: The Truman Show using Experience & Education" itemprop="image" class="center lazy">
The data-src is the correct image. I don’t know where the src="data:image/svg+xml code is coming from.