Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1347665
    michaelxxx
    Participant

    Hi,

    I include my pictures with the folloing X-Code.

    [caption id="attachment_16427" align="aligncenter" width="900"]<a href="https://one-million-places.com/wp-content/uploads/2016/12/reiseberichte/mittelamerika-karibik/dominikanische-republik/einer-der-pools-auf-der-aidadiva.jpg"><img src="https://one-million-places.com/wp-content/uploads/2016/12/reiseberichte/mittelamerika-karibik/dominikanische-republik/einer-der-pools-auf-der-aidadiva-900x600.jpg" alt="Einer der Pools auf der AIDAdiva" width="900" height="600" class="size-large wp-image-16427" /></a> Einer der Pools auf der AIDAdiva[/caption]

    I use the plugins TOC+ and Lazy Load. Now there is a conflict with this 2 plugins.

    The problem is the empty containers of the pictures, when the picture is not loaded yet.

    Can you please open the following URL:
    https://one-million-places.com/reiseberichte/mittelamerika-karibik/dominikanische-republik/letzter-seetag-strandtag-punta-cana

    Then please use the Debugger modus and press “pause”. Then you can see the empty containers of the pictures.
    They have a width of 900 pixel – which is ok.

    But the hight of the empty container is much to big…

    That is why TOC+ is not jumping to the right link when the pictures are not loaded.

    Is the only way to adjust this by adding a height=”600″ to the [caption] code?
    Or is there another reason why the empty picture container is to big?

    #1347674
    michaelxxx
    Participant

    EDIT: adding a height=”600″ has no effect to the empty container.

    I found this:
    https://decadecity.net/blog/2013/09/05/placeholders-for-lazy-loaded-content

    Is this the sollution for the problem? How can I add tis to X?

    #1348196
    Rad
    Moderator

    Hi there,

    That would work, but it’s incomplete “if ([image lazy load conditions are met]) {“. What condition and how to tell the condition given.

    The lazy loader should have the control over the visibility of the image it loads, have you tried contacting the author? It’s not even added the selector to the image so we could hide them while it loads.

    And I think it’s normal, I do see it from other lazy loader too, it’s just slow on your end.

    Thanks!

  • <script> jQuery(function($){ $("#no-reply-1347665 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>