Почему некорректно работает слайдер swiper?

Question

[Константин Клубков]

Установил слайдер swiper.
Почему-то при свайпах слайды находятся на большом расстоянии, но если изменить высоту у окна, то всё становится нормально.

Не пойму в чём проблема. Помогите пожалуйста. Вот тут слайдер ссылка

Answer 1

[fallus]

Поменяйте местами:

<script type="text/javascript" src="/templates/shablon/scripts.js"></script>
<link rel="stylesheet"  href="/templates/shablon/css/all.css" type="text/css" />

Answer 2

[Шохрух Шаймардонов]

У вас проблема в инлайн стилях, которые перекрывают свойство width: 100%;, у элементов с классом .swiper-slide
Увы, не могу посмотреть откуда берутся кривые инлайны. Но если у вас есть доступ к ним, просто уберите их и будет все нормально

Comments

[Константин Клубков]

Эти инлайн стили присваиваются самим скриптом

[Шохрух Шаймардонов]

Константин Клубков, Ну можете добавить такой костыль, если вам срочно/временно:

// Сбрасываются все инлайн-стили у данных элементов
document.querySelectorAll('.swiper-slide').forEach(slide => slide.style.cssText = '');