BxSlider white space

Question

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

Мои изображения и слайдер находятся в div с идентификатором обертки. КСС:

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

} 

и имеют CSS для IMG как

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

Спасибо!

Answer 1

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

Быстрый тест на домашней странице bxSlider - увеличение ширины div.home-слайдера-обертки выше 1000 пикселей (это ширина их исходных изображений) вызвало белую рамку справа. See annotated screenshot.

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