Hello! Dear community, help in solving the problem! There is a slider like "carousel" based on this plugin , the essence of the problem is that when the slider scrolls the table with pictures and captions does not change its size along with the background picture, and when scrolling the slider this table slides down how to fix this the table and reduce it when scrolling, also the name of the block moves out when scrolling.

I will be very grateful in advance for the help shown!

    1 answer 1

    Make a div with background: url('images/blockONE.png') inside the list item, and inside this block place your table. Then everything will be displayed normally.

    The second option: without changing the structure, edit a few styles that you already have in this way (add or fix for elements inside li):

    1. li {overflow: hidden}
    2. span {position: absolute}
    3. img {position: absolute}
    4. table {position: absolute; display: block;}

    top and left/right properties for the elements then to taste. But in general, I would look for a better option: either just a picture inside or another plugin.

    • Thank you, Roman! Yes, it really helped, the only thing left is that when scaling this DIV, its background does not change its size, i.e. The plug-in reduces the size of the element, and the background remains the same size as the enclosed picture, the cropped background is obtained, although I did not even specify the size for the background picture! Maybe you have something else about this? - Artyomich
    • Updated the answer. - Zhukov Roman
    • Roman, and what other plugin advise? I’ve probably rummaged everything in Google using the keywords "carousel slider"! - Artyomich
    • And what, nothing like it? - Zhukov Roman
    • There is simply nothing to suit my tasks ... - Artyomich