html结婚图片轮播 1、能够自动轮播 2、图片满屏展示 3、增加背景音乐

HTML 结婚图片轮播通常指的是利用JavaScript库，如jQuery、Swiper.js或Bootstrap Carousel等创建的一种动态展示婚礼照片的组件。以下是实现上述功能的一般步骤：

1. **自动轮播**：通过JavaScript或对应的库API，设置定时器或者事件监听器，每隔一段时间或者用户鼠标悬停时，自动切换到下一张图片。

<div class="carousel slide" data-ride="carousel">
   <!-- ... -->
</div>
<script>
   $('.carousel').carousel({ interval: 5000 }); // 每隔5秒自动切换
</script>

2. **满屏展示**：确保CSS样式设置了适当的宽度和高度，并且图片的`width`和`height`属性设置为`100%`，使其适应容器大小并满屏显示。

.carousel-item {
    width: 100%;
    height: 100vh;
}

3. **背景音乐**：可以添加一个`<audio>`元素，在HTML中链接音频文件，然后在JavaScript中控制播放暂停。当轮播开始或结束时，可以控制音乐播放。

<audio id="bgMusic" src="music.mp3"></audio>
<script>
   $('#carousel').on('slide.bs.carousel', function() {
       if ($('#bgMusic').is(':paused')) {
           $('#bgMusic').play();
       }
   });
</script>