dbhynds

Unfortunately, this feature isn’t currently supported. However, I’ll keep it in mind for a future release. Thanks for the suggestion.

Thanks. This looks like an issue with the javascript plugin. You can submit bug reports here: https://github.com/ressio/lazy-load-xt/issues

You would need to use another plugin to do that, but it’s certainly possible. There are number of good plugins that accomplish this task

Thanks for bringing this to my attention. I’ll look into it.

Take a look at the edgeY documentation here:
https://github.com/ressio/lazy-load-xt/#options

That should get you going in the right direction. (It starts loading an image when the image is within X pixels of the viewport.

$.extend($.lazyLoadXT, {
  edgeY:  200
});

Also, if that’s not working, can you post the markup that’s being output on the page when you view source?

I would think that this is what you would want to do:

'before' => '<div class="custom-widget widget-area" data-bg="[absolute path]" id="top-section"><div class="wrap">',

Is that what you had? If so, make sure that jquery.lazyloadxt.bg.js is being included on the page (when you check the box in settings. If that doesn’t work, let me know.

Can you view-source the page in question and paste the <img /> tag in question that’s having trouble?

Hmm… What’s the HTML for that same image when you view source? (So the actual PHP output, before the javascript works it’s magic on it.)

I mean, if you see somewhere in your theme where the image tag isn’t self-closing, it’s probably safe enough to add the slash. That said, it’s always good to have a test environment and backups if you’re not confident. It really just depends on your comfortability. If in doubt, hire a pro!

Ahah. It looks like the image isn’t self-closing. In order for the plugin to work, you need to be writing your HTML as well-formed XML.

So, while this is permissible in HTML5:

<img src="cool.jpg">

In order for this plugin to work, it needs to look like this:

<img src="cool.jpg" />

(The closing trailing slash is the key.)

I know… I reference that graphic constantly!

The plugin does support srcset attributes, so you’re good there.

It depends on your theme. If the slideshow is on your homepage, I’d start with that file. This ought to be helpful it figuring which template files to check: https://developer.www.ads-software.com/files/2014/10/template-hierarchy.png.

You may have to pass the markup through a filter as indicated on the FAQ page. It can be hit or miss with galleries, so my suggestion is to just try it out, and also try it with the filter from the FAQ page.

Unless you can provide me a way to view the HTML, or desensitize the info in it, I can’t really tell what might be going wrong.