Will not show full or large image
-
I have tried as much as I can but I cannot get it to show the full size large image.
The images on the page are the small thumbnail version, but when clicked on it only shows that thumbnail image and not the full or large image. I am using the setting to only work on images that have a specific class.
The link to the full size image is around the img scr file so it should load that linked image surely, otherwise what is the point of using this plugin? The img src lists all the available sizes.Here is some example code I have just used https://mysite.com.example instead of my development site url. But it is the same code.
<a class="ewd-ulb-lightbox"><img width="256" height="171" src="https://mysite.com.example/wp-content/uploads/2024/11/image.jpg" class="attachment-thumbnail size-thumbnail" alt="" decoding="async" loading="lazy" srcset="https://mysite.com.example/wp-content/uploads/2024/11/image.jpg-256x171.jpg 256w, https://mysite.com.example/wp-content/uploads/2024/11/image.jpg-512x341.jpg 512w, https://mysite.com.example/wp-content/uploads/2024/11/image.jpg-1024x683.jpg 1024w, https://mysite.com.example/wp-content/uploads/2024/11/image.jpg-768x512.jpg 768w, https://mysite.com.example/wp-content/uploads/2024/11/image.jpg-1536x1024.jpg 1536w, https://mysite.com.example/wp-content/uploads/2024/11/image.jpg-2048x1365.jpg 2048w, https://mysite.com.example/wp-content/uploads/2024/11/image.jpg-1280x853.jpg 1280w, https://mysite.com.example/wp-content/uploads/2024/11/image.jpg-240x160.jpg 240w" sizes="auto, (max-width: 256px) 100vw, 256px"></a>
So it should load either the original or a large size or a size that fits the device size, i.e. responsive. So large 1536 or 2048 for desktops but the smaller sizes for tablet and phone use.
Any suggestions?
- You must be logged in to reply to this topic.