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