Duplicate title when moving to the next image

Please can you help me with this issue?

Hi, there does not appear to be a duplicate title in the video you provided. Rather, it looks like the title is briefly displayed at the top of the lightbox until the image is loaded, which pushes the title downward.

As it appears you are using a custom lightbox theme, comparing it with SLB’s built-in themes is recommended. Evaluating different CSS layout properties (documentation) is also recommended to determine the ideal properties for your specific theme’s structure.

Please can you been more specify? How can i stop display title until the image is loading?

Thank you so much for your help.

I tried to create javascript and tell the .slb_template_tag_item_title and .slb_template_tag_item_description element to be displayed only after the page is fully loaded.

.slb_template_tag_item_title,
.slb_template_tag_item_description {
display: none;
}
<script>$(window).on(‘load’, function() {
$(‘.slb_template_tag_item_title, .slb_template_tag_item_description’).show();
});</script>

But still same situation. This problem is only on 480px and smaller resolution. There I only have minimal editing with css.

The simplest way is to hide the desired elements during loading via CSS.

For example, with the default theme, the .slb_details element (which contains the title/caption) can be hidden during loading with the following CSS:

.slb_viewer.loading .slb_details {
    visibility: hidden;
}

For more customized control over lightbox elements and events, take a look at how SLB’s built-in themes handle these by perusing SLB’s themes sub-directory.

For example, see how SLB’s “Light” theme handle’s hiding/showing elements at different phases by checking out the source file.

I try this code but no effect. Can you please contact me for debugging?

Thank you so much.

As noted, the CSS uses SLB’s default theme as an example.

CSS that will work with your custom theme depends on the structure and elements. Checking CSS documentation is highly recommended to find the best CSS properties to suite your needs.