Я использую AJAX для получения данных для нескольких визитных карточек, таких как div на моей странице (число зависит от запроса). Div содержит простой текст и фиксированное пространство для изображений (200x200px). Конечно, изображения в основном меньше и по умолчанию выровнены по верху.
Я пробовал выравнивать метод с помощью функции .load (), но он загружает все изображения, а затем размещает их, поэтому движение видно. Я пытался скрыть загруженные изображения, расположить их и затем показать, но при быстрой перезагрузке выглядит, что изображения «мигают» ...
Есть ли способ выровнять несколько изображений по вертикали по центрам контейнеров таким образом, чтобы он выглядел хорошо и пользователь не мог видеть, что с изображениями что-то происходит?
Любая помощь будет принята с благодарностью, я не могу найти хорошего решения в Интернете.
О, и, конечно же, я не знаю размер изображений до их загрузки, поэтому обычные методы, использующие размер изображения, не работают (в зависимости от того, сколько изображений выбирается иногда .height () работает, а иногда возвращает 0) .
РЕДАКТИРОВАТЬ: Хорошо, я нашел решение, чтобы установить мое изображение в качестве фона div. Иногда он все еще мигает, но я могу справиться.