Horizontal scrolling! images do not load

  • Resolved abuki

    (@abuki)


    5 years, 1 month ago

    Hello.
    For some reason, when scrolling horizontally, pictures do not load, in order for them to load, you have to scroll down the page.

    Video how pages do not load: видео
    Please tell me how to solve this problem? I really like your plugin.
    Thanks you!

    The structure of the horizontal page scroll area:
    <div class=”images_holder”>
    <div class=”images_while”>
    <div class=”inl”></div>
    <div class=”inl”></div>
    <div class=”inl”></div>
    <div class=”inl”></div>
    </div>
    </div>

    css:
    .inl {
    display: inline-block;
    margin-right: 10px;
    max-width: 87%;
    }

    .youtube {
    display: inline-block;
    margin-right: 10px;

    max-height: 50%;
    }

    .images_while {
    width: auto;
    white-space: nowrap;
    }

    .images_holder {
    overflow-x: scroll;
    position: relative;
    height: auto;
    max-height: 450px;
    width: 100%;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Steve Truman

    (@a3rev)

    @abuki

    Hi we are working on adding support for horizontal scroll – we should have a new release out soon with this new feature.

    In the example you have shown above with the new release you will be able to go to the Lazy Load Images section of the a3 Lazy Load dashboard and enter in your horizontal scroll container class images_holder and update and lazy load will be applied to it.

    The new version will be v 2.3.0

    Thanks
    Steve

    Plugin Author Steve Truman

    (@a3rev)

    @abuki

    Version 2.3.0 is out now – with the example code you posted you need to do the following to enable Horizontal Scroll on that container.

    Go to the Settings > a3 Lazy Load menu – open the Lazy Load Images option box and with version 2.3.0 you will see a Horizontal Scroll option has been added at the bottom.

    Enter your container classname in the box. Please note that it must be prepended with a dot – example .images_holder just adding the classname images_holder without the dot will not work.

    We have prepended it with a dot because we also support IDs as well as classnames and it is an identifier – IDs are prepended with a hash.

    I will change the status of your ticket now to resolved. You can still follow up if you have issues when you update – but don’t expect you will as we have used the code you provide to test it works fine.

    Steve

    Chris

    (@smith42c)

    Any ideas on this same issue for Kadence Blocks Products Carousel? It seems to behave similarly but it’s not the same setup. Thank you.

    Plugin Author Steve Truman

    (@a3rev)

    @smith42c

    Thanks for the report – but it is a different issue – please create a new ticket and will help you there.

    In your ticket please give a full description of the issue you are having, the version of WordPress, Version of Kadence block and the PHP version of your server – the above is a simple HTML horizontal slider not a Gutenberg (JavaScript) block.

    Thanks
    Steve

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Horizontal scrolling! images do not load’ is closed to new replies.