图片展示特效系列之四（网络收集）

墨染锦年 · 发表于 2019-1-19 13:38:43

浏览提示：

此图片浏览默认自动更换显示。如用手动，除点击左右箭头外，还可以点击图片下方中间的各个色块。本代码可应用于音画图文作品

代码编辑、图片更换及文件上传

1、代码编辑：

本特效代码编辑极为简单，只要编辑index.html文档中<img src="images/1.jpg" alt="">的图片名称即可。本实例为三张图片，那么index.html文档中也只有三段<img src="images/1.jpg" alt="">代码，每段代码中对应一张图片，同其他图片浏览特效代码一样，如果自定义图片文件名，那么代码中的图片名称也要做相应修改。此外如果要添加图片，则需要复制一张图片的代码即：

</div>

然后粘贴在已有的最后一张图片代码后面即可。

2、图片更换

本实例所用的图片尺寸可以根据自己需要增大或减小，其他操作同已分享的相关更换方式一样，请参考已分享的帖子，这里不再赘述。

3、文件上传

请参考已分享的帖子，这里不再赘述。

源码下载：