Lazy Load breaking NextGen Gallery

(@dickraney)

This is the output I get when I am logged in

<div class="ngg-gallery-thumbnail">
			<a href="https://mysite.com/wp-content/gallery/green-meadows-1/1-Green-Meadows-Ln-NE-1.jpg" title="" data-src="https://mysite.com/wp-content/gallery/green-meadows-1/1-Green-Meadows-Ln-NE-1.jpg" data-thumbnail="https://mysite.com/wp-content/gallery/green-meadows-1/thumbs/thumbs_1-Green-Meadows-Ln-NE-1.jpg" data-image-id="15112" data-title="1-Green-Meadows-Ln-NE-1" data-description="" data-image-slug="1-green-meadows-ln-ne-1-1">
								<img title="1-Green-Meadows-Ln-NE-1" alt="1-Green-Meadows-Ln-NE-1" src="https://mysite.com/wp-content/gallery/green-meadows-1/thumbs/thumbs_1-Green-Meadows-Ln-NE-1.jpg" width="365" height="274" style="max-width:100%;">
			</a>
		</div>

but if I am not logged in this is what I get

<div class="ngg-gallery-thumbnail">
			<a href="https://mysite.com/wp-content/gallery/green-meadows-1/1-Green-Meadows-Ln-NE-1.jpg" title="" data-src="https://mysite.com/wp-content/gallery/green-meadows-1/1-Green-Meadows-Ln-NE-1.jpg" data-thumbnail="https://mysite.com/wp-content/gallery/green-meadows-1/thumbs/thumbs_1-Green-Meadows-Ln-NE-1.jpg" data-image-id="15112" data-title="1-Green-Meadows-Ln-NE-1" data-description="" data-image-slug="1-green-meadows-ln-ne-1-1">
								<noscript><img
					title="1-Green-Meadows-Ln-NE-1"
					alt="1--Green-Meadows-Ln-NE-1"
					src="https://mysite.com/wp-content/gallery/green-meadows-1/thumbs/thumbs_1-Green-Meadows-Ln-NE-1.jpg"
					width="365"
					height="274"
					style="max-width:100%;"
				/></noscript><img src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20365%20274%22%3E%3C/svg%3E" class=" ls-is-cached lazyloaded" title="1-Green-Meadows-Ln-NE-1" alt="1-Green-Meadows-Ln-NE-1" width="365" height="274" style="max-width:100%;">
			</a>
		</div>

The visible image only has the SVG placeholder, so the image is not shown at all.

Viewing 2 replies - 1 through 2 (of 2 total)

Plugin Author Optimizing Matters
(@optimizingmatters)

1 month, 3 weeks ago

Hi dickraney ;
2 questions to begin with;
1. that output is the dynamic HTML as seen in the inspector (FF) or elements (Chrome) (both part of the browser’s developer tools), can you check the HTML from the static HTML source (ctrl-U)?
2. do you see any errors in the PHP error-log or on the browser console?

frank

Thread Starter DickRaney
(@dickraney)

1 month, 3 weeks ago

I use Smush and turned on lazy load there and turned it off in Autoptimize, so I can’t test that very easily.

Viewing 2 replies - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.