Когда вы нажимаете кнопку «работа» this live page, он загружает ползунок jquery, но при первом загрузке он добавляет дополнительное дополнение или маржу.JQuery добавляет дополнительное пространство в тайнике слайдера?
Затем, когда я перебираю все слайды, когда он возвращается к первому, он правильно сбрасывается до заданного стиля css. Кажется, пока не видно этого!
Ну, сначала я бы избавился от всех этих сумасшедших полей, которые у вас есть. Это действительно запутывает, глядя на ваш код.
Я бы предложил перейти с позиции: абсолютный для навигатора скольжения (следующий/предыдущий), и я бы не использовал гигантские отрицательные поля, как у вас есть.
Часть вашей проблемы заключается в том, что ширина ширины bx-слайдера установлена равной 655 пикселей, но это фоновое изображение является крошечным и не совпадает.
Не похоже, чтобы какое-либо из этого действительно имело какое-либо отношение к движку bx-slider, его способ, которым вы все это проложили в своей таблице стилей.
Мои предложения состоят в том, чтобы убедиться, что все установлено на 655 пикселей. ползунок, ползунок, элементы списка и т. д.
Затем, введите свой контент в соответствие с этим. Изображения прямо сейчас недостаточно широки, и именно поэтому вы получаете изображения, плавающие влево. Вместо этого используйте некоторые более широкие изображения. Вы можете разместить контент в элементе списка, используя созданную оболочку.
Я бы начал с вашей таблицы стилей, потому что это действительно грязно. Опять же, не бойтесь позиционирования элементов абсолютно, особенно навигация. Если вам удастся переместить один элемент вокруг того, как у вас есть, теперь все будет развиваться, потому что у вас есть эти гигантские отрицательные поля. Это будет головная боль, которая изменится позже, поэтому я бы предложил установить это сейчас.
Изменение обложки div (wrapper_2, wrapper_3 ...) для заполнения: 30px 0 0 130px; в вашем файле 3styles.css.