Как исправить баг со слайдером?

Question

[sabanovvv]

Долго уже мучаюсь,не могу исправить баг с отображением слайдера.
Когда запускаешь сайт test.webjay.ru , переходишь на на таб2(кнопка "Полутеплые Slidors"), то почему отображается криво,смотрите рисунок.
Когда обновляешь страницу,то проблема как бы исчезает

Answer 1

[Сергей]

Возможно, у вас слайдер инициализируется раньше, чем загружаются изображения, поэтому он не знает их размеров и неправильно центрируется.

Попробуйте инициализировать слайдер по $(window).load().
Также попробуйте каждому изображению прописать width и height.

Comments

[Антон Шаманов]

"Попробуйте инициализировать слайдер по $(window).load()."
Лучше не по window, а по самим картинкам.
text-align: center не используется.

[sabanovvv]

я понял, там проблема не со слайдером, а с картинками, они разного размера. А когда в css селектору .slide img max-width меняешь на width - все красиво (ну, насколько это возможно сказать, что красиво, во всяком случае не криво).
а как изображения настроить,им размеры как задавать,чтобы криво не смотрелись и не скукоживались,просто есть изображение 378px134px и 285px183px.Если задать четкую ширину и длину в px они кривыми становятся