百叶窗风格幻灯页面

这是一款基于shutter.js制作多种图片轮播切换效果页面

原理：利用js图片轮播自动切换 ,纯JS实现左右滑动轮播图。 轮播图需要实现左右无缝切换 轮播图的动态切换 。 利用右外边距或左外边距的加减，来操作整个放有图片div的移动。 同时利用setTimeout()函数和计时器实现自动切换,从而达到图片无缝切换的效果 。

首先准备一个html和5张图片，图片宽高为1000px和358px，然后在HTML页面中布局轮播图的结构，主要包括图片区域，圆形按钮，左右箭头

功能如下:当点击左右按钮以及上面的导航点时,进行图片的切换,并且整个过程导航点的选中效果相匹配当光标放在导航点的时候,轮播图的自动播放结束,当移出时,自动播放恢复。

下载链接：https://wwzo.lanzoub.com/ifnNH139g8fi 解压密码：狐狸

修改文字链接在目录/index.html 修改轮播图片在目录/images