Центрирование DIV в JavaScript

Question

Ребята, у меня проблема с JavaScript на моем сайте.Я не могу отцентрировать div, чтобы правильно показать изображение, которое я нажимаю.Это работает только со второй попытки, первой попытки любого изображения, которое всегда показывает div в правом нижнем углу.

Я пробовал возиться с javascript, но не могу обойти его.1003 *

Проверьте это здесь

Answer 1

Это происходит потому, что вы применяете свойства CSS перед установкой изображения src.

Когда вы впервые загружаете изображение, предыдущее изображение не отображается и ничего не центрирует. При нажатии на другое изображение оно центрирует изображение в соответствии с размерами предыдущего изображения.

Answer 2

Это происходит потому, что у вашего div еще нет смещений ширины и высоты.