Lazy Load Images

Question

Hello, Can you tell me how to lazy load images with Canvas theme? Thanks!

SemiColonWeb · Accepted Answer

Hello,

You can use any LazyLoading JS Plugin with Canvas seamlessly.

We also have an Inbuilt Code for the Lazy Loading functionality but it is currently not supported for the Components that Run on jQuery. However, it is currently supported for Standard Components. You can consider using the following code:

You will need to define the width and height attributes and add the Image Location in the data-lazyload attribute.

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

lawmotorsports · Answer

Does this look right?

I did the top 2 with lazyload, but it seems to offset, the navigation arrows, almost like height and width aren't being used.

http://resortswest.com/re.listings.aspx

The reason I'm trying to do lazy load, is the images are taking way too long to load the page.

Any ideas?

Semicolon Web · Answer

Hello,

We have checked out your Website and as we mentioned in our earlier posts, the LazyLoad functionality is not supported for jQuery Plugins but only for Static Images so this is the reason why this is not working properly with the Flex Slider Plugin. This issue will occur with all the LazyLoad JS Plugins.

Let us know if we can help you with anything else or if you find any further issues.

lawmotorsports · Answer

Great, Thanks! This worked perfect: https://web design weekly.com/snippets/lazy loading images flexslider/

Semicolon Web · Answer

Hello, Really Glad that your issues were resolved. Thanks for your Patience. Do let us know if we can help you with anything else or if you find any further issues with Canvas.