这是一个超级酷的JS Carousel插件，视觉效果差。旋转映射通过JS代码将多个图像合成为画布元素，在图像移动时产生很酷的视觉差异效果。
使用方法

在页面中引入CSS和JS文件

<link rel="stylesheet" href="css/style.css">
<script src="js/index.js"></script>

HTML结构

<p id="loading">loading...</p>
<div id="images">
<div class="lighten">
<img src="img/lighten1.jpg" alt="" />
<img src="img/lighten2.jpg" alt="" />
<img src="img/lighten3.jpg" alt="" />
<img src="img/lighten4.jpg" alt="" />
</div>
<div class="normal">
<img src="img/normal1.jpg" alt="" />
<img src="img/normal2.jpg" alt="" />
<img src="img/normal3.jpg" alt="" />
<img src="img/normal4.jpg" alt="" />
</div>
<nav>
<ul>
<li class="pre"></li>
<li class="next"></li>
</ul>
</nav>
</div>

GitHub地址：https://codepen.io/mnmxmx/pen/vKxQbm

在线预览 网盘下载

查看如下隐藏内容里的“提取码”：

关注公众号，发送消息“查看密码”，输入系统回复的“查看密码”,点击“确定”按钮，即可看到“提取码”。