html幻灯相册，简单的幻灯切换

HTML部分：

创建了一个包含图片的幻灯片容器，每个图片放在一个div中，所有图片的容器放在一个div中。

添加了两个按钮用于切换幻灯片，分别绑定了点击事件来调用changeSlide函数。

CSS部分：

设置了全局字体、背景颜色以及居中对齐方式。

为幻灯片容器添加了样式，包括宽度、最大宽度、溢出隐藏、圆角和阴影效果。

定义了幻灯片的样式，包括最小宽度和边框圆角。

为按钮添加了样式，包括位置、背景色、文字颜色、边框、填充、光标样式和圆角。

JavaScript部分：

定义了一个变量currentIndex来跟踪当前显示的幻灯片索引。

获取所有幻灯片元素并计算总数。

定义了一个函数changeSlide，根据传入的方向参数更新当前索引，并计算偏移量以移动幻灯片。