相册效果

使用JavaScript实现相册效果，可以通过HTML、CSS和JavaScript结合来实现。以下是一个简单的示例：，，“html，，，，，，相册效果，， .gallery {， display: flex;， flex-wrap: wrap;， justify-content: center;， }， .photo {， width: 200px;， height: 200px;， margin: 10px;， cursor: pointer;， }， .modal {， display: none;， position: fixed;， top: 0;， left: 0;， width: 100%;， height: 100%;， background-color: rgba(0, 0, 0, 0.5);， justify-content: center;， align-items: center;， }， .modal-content {， max-width: 90%;， max-height: 90%;， }，，，，，，，，，，，，， const photos = document.querySelectorAll(‘.photo’);， const modal = document.getElementById(‘modal’);， const modalContent = document.getElementById(‘modal-content’);，， photos.forEach(photo =˃ {， photo.addEventListener(‘click’, () =˃ {， modalContent.src = photo.src;， modal.style.display = ‘flex’;， });， });，， window.addEventListener(‘click’, (e) =˃ {， if (e.target === modal) {， modal.style.display = ‘none’;， }， });，，，，“，，这段代码创建了一个简单的相册效果，点击图片时会弹出一个模态框显示大图，点击模态框外部区域可以关闭模态框。你可以根据需要修改样式和功能。