How to fix slider bug?

Question

css

I have been suffering for a long time, I can not fix the bug with the display of the slider.
When you launch the site test.webjay.ru , you go to tab2 (the "Semi-warm Slidors" button), then why it is displayed crookedly, see the picture.
When you refresh the page, the problem seems to disappear.

Answer 1

Perhaps your slider is initialized before the images are loaded, so it does not know their sizes and is not centered correctly.
Try to initialize the slider by $(window).load().
Also try to assign width and height to each image.