- This topic has 7 replies, 2 voices, and was last updated 2 years, 6 months ago by
.
-
Posts
-
WPSP 1.1.3
WPSP Pro 1.0.0I 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.
Hi there,
Can you link us to the page in question to check? Perhaps there’s something preventing it from loading.
You can send us a link through our contact page if you wish to keep it private- https://wpshowposts.com/contact/
Let us know.
It’s on my blog page. The Read More button towards the bottom. No errors appear in the Console.
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+xmlcode is coming from.I upgraded WPSP to version 1.2.0-alpha.3 and the AJAX-loaded cards now display their background images properly.
I upgraded WPSP to version 1.2.0-alpha.3 and the AJAX-loaded cards now display their background images properly.
Were you using the image height and width field? it’s possible that it had something to do with the images breaking.
Glad you got it sorted. 😀
- You must be logged in to reply to this topic.