BxSlider пустое пространство

Я новичок в html/css/javascript и пытаюсь добавить слайдер изображений с помощью BxSlider на мой сайт. У меня возникла проблема, когда ползунок расширяется до определенного размера, он начинает добавлять белый край. Это потому, что изображения достигли максимальной ширины? Или мне нужно что-то изменить в коде?

Мои изображения и слайдер в div с id обертки. CSS это:

#wrapper {
    max-width: 70%;
    margin: auto;
    padding: 0 %;
    padding-top: 4%;

}

и иметь CSS для IMG, как

img {
    max-width: 100%;
    padding: none;
}

Спасибо!

Источник

1 ответ

Хотя вы не включили достаточно информации, чтобы просто ответить "да" или "нет" на ваш вопрос (т.е. размеры исходных изображений и содержащего их элемента), я бы сказал, что вы правы.

Быстрый тест на домашней странице bxSlider - увеличение ширины div.home-slider-wrapper выше 1000 пикселей (то есть ширины их исходных изображений) привело к появлению белой рамки справа. Смотрите аннотированный скриншот.

Попробуйте изменить CSS для изображений из max-width: 100% в width: 100% если это работает для вас (убирает белую рамку за счет пропорционального растяжения изображений).

Источник
Другие вопросы по тегам