Как развернуть изображение на парящем до полного размера? ⇐ Html

[Anonymous]

Я создаю веб -сайт, который станет портфелем, демонстрирующим искусство человека, а что нет. Итак, прямо сейчас, и у меня есть это туда, где, когда вы нажимаете на изображение, он расширяет и исчезает на фоне, используя расширенное состояние, и обычное состояние, где изображения находятся в карте, где они выровнены в сетку. Мне было интересно, как я могу заставить изображения расширяться не на щелчке, а на пари, как сейчас в JavaScript, я использую функцию. < /P>

Код: Выделить всё

card.addEventListener('click', () => {
if (card.classList.contains('expanded')) {
const src = card.querySelector('img').src;
preview.style.background = `url('${src}') center/contain no-repeat`;
preview.classList.add('show');
}
});

Я хочу иметь его, поэтому, когда я парят над

. alt = "on click" src = "https://i.sstatic.net/jfpbenw2m.png"/>

Подробнее здесь: https://stackoverflow.com/questions/795 ... -full-size