Я работаю над созданием сайта-портфолио, но у меня постоянно возникают проблемы с каруселью. Я решил попробовать bxslider, потому что мне нравится стиль, но уже неделю меня беспокоит, как сделать так, чтобы изображения располагались по центру окна просмотра.
Мне удалось запустить слайдер, но мои изображения продолжают отображаться не по центру, как будто где-то есть конфликтующий CSS. Изображения имеют размер 800 на 300 пикселей. Я могу установить ширину поля 800 пикселей, установив slideWidth:800
, но это не решает проблему. Видно, что подписи обрезаны - изображение смещается вниз и вправо.
См. тестовую страницу — на ней используется немодифицированная копия bxslider и никаких дополнительных CSS.
Любая помощь будет принята с благодарностью - я уверен, что это что-то простое, но я все еще новичок в этом!
.bx-wrapper img { display: block; width: 810px; height: 310px; }
, а также ширину подписи. Это регулирует размер окна просмотра, но изображение по-прежнему смещается, хотя технически окно больше, чем изображение (изображение 800x300). Я выбираю стиль на главной странице bxslider, где со всех сторон всего несколько пикселей. изображения. Пока я могу заставить его не смещаться / отключаться, я должен иметь возможность настроить его по мере необходимости. 03.03.2013