Lazy Loading issues with image slideshows

Hmm … AO has an exclusion field that could come in handy, but the problem is the images in the slideshow currently don’t seem to have a specific class-value that could be used to target them.

Maybe the slideshow-plugin you use allow you to add a class for all images in a slideshow, in which case adding notlazy would suffice?

Thanks for the reply.
Would I add a class value using CSS? Sorry I’m not very technical.
I think my builder allows me to add CSS to these portfolios – would you suggest that route?
ie class=notaolazy

Thanks for your assistance,

Best

Richard

If you can add a CSS class to individual images in the portfolio slider, then yes, but not with CSS as such (because CSS defines styles for classes, but the classes are set in HTML).

Sorry I don’t understand.

If I can find a way of adding the HTML what would it be?

class=notaolazy for instance still?

What would I enter in the AO plugin exclusion?
class=notaolazy
or
notaolazy

Thanks

Richard

well, if you have this simplified code for a slideshow;

<div id="portfolio-slider-19796" class="slideshow-wrap">
	<ul class="slideshow" data-id="portfolio-slider-19796" data-autoplay="4000" data-effect="slide" data-speed="500">
		<li>
			<a href="https://www.richardisaac.co.uk/project/portraiture/">
				<img src="https://www.richardisaac.co.uk/wp-content/uploads/2019/09/portrait-photography-london-freelance-photographer-richard-isaac-09-3200-1-1600x1065.jpg" class=" wp-post-image wp-image-23963" />
			</a>
		</li>
		<li>
			<a href="https://www.richardisaac.co.uk/project/portraiture/">
				<img src="https://www.richardisaac.co.uk/wp-content/uploads/2019/09/portrait-photography-london-freelance-photographer-richard-isaac-05-3200-1-1600x2404.jpg" class=" wp-post-image wp-image-23967" />
			</a>
		</li>
	</ul>
</div>

then in each <img tag you would have to add notlazy to the class attribute value, e.g.;

<img src="https://www.richardisaac.co.uk/wp-content/uploads/2019/09/portrait-photography-london-freelance-photographer-richard-isaac-05-3200-1-1600x2404.jpg" class=" wp-post-image wp-image-23967 notlazy" />

it that is done, AO will automatically exclude that from lazyload, nothing to add to the exclusion list.