图标，当点击1~5的时候，会链接到相应的图片，而图片的切换效果最终还是由#imagesimg和#images imgta。

一制作单张图片滚动效果 图1视频编辑软件导入素材 如图1，首先在视频编辑软件中导入图片素材，将五张猫咪图片添加到覆叠轨1这里小编选择的是可爱的猫咪图片，大家也可以选择人物的图片作为素材，最后成片效果也很不错如图2。

其实很简单，只需要为每个轮播图设置不同的class类和不同的options名即可实现的效果图因为第二个轮播图是左右滑动，可能会报下面的错 这是因为封装好的swiperjs文件中有一个默认事件， epreventDefault 只。

01 首先我们需要新建一个HTML5的文档，然后在文档中导入Bootstrap的样式文件，这个文件中包含了轮播图所有的样式定义，如下图所示 02 接下来我们需要导入脚本文件，注意先导入Jquery文件，然后导入bootstrap的脚本文件，顺序一定不能。

准备好一张海报然后截取中间一部分，间留990像素，两边做样式背景，PS保存网页模式大小在200K以内背景头部要遇留店招的空白长度为950px，高度不要超过淘宝限制高度，然后用自定义模块或图片轮播把图片添加进去，并设置好链接。