Images changing size to square

You have a script that changes the clipping on the images on click. I don’t know anything about that script, but I’m guessing it does some calculations on the images.

I can see that your images have a class, preload-me, which I’m guessing is used to preload the images. It doesn’t make sense to have them both preloaded and lazy loaded.

I think your script needs them preloaded to do the calculations.

You can disable lazy loading of all the preloaded images by adding preload-me to the skip classes option in on the BJ Lazy Load option page in the dashboard.

I’m doing a lot of guessing here, so correct me if I’m wrong ??

On https://www.semeykin.com/retoucing I’m just using before/after in Visual Composer. I do nothing about preload-me.

Without BJ Lazy Load it’s take ages to preload all images(about 16MB on page). And photos are not preloading one by one as they do with lazy loading, you have to wait with empty page while all photos got preloaded. On 3G connection it is about 20 sec. With lazy loading you can see first photos straight away. But only downside with plug in is square ratio of portrait orientated images before you click on them.

I see that triggering a resize event (jQuery(window).trigger('resize');) will make your script fix the image sizes.

Unfortunately BJ Lazy Load does not yet trigger any action when an element is done loading and triggering a resize on scroll is probably not something the browsers will like.

But I’ll try to get the event trigger into the plugin during this weekend. When It’s in place, you just need to add a small script.

Hi Bjorn,

After 9 months this problem still here ??

When BJ Lazy Load activated portrait orientated images on https://www.semeykin.com/retouching/ are loading as squares.

Script added: screenshot

<script type="text/javascript"> alert("jQuery(document).ready(function($) {
  $(window).trigger('resize');
});" ); </script>