原生H5实现网易云轮播图

许久不更新了，今天做一个网易云的轮播图，就像下面这样

先二话不多说，贴上代码：

实现效果如下：

 

制作步骤详解：

1.首先就是量尺寸的问题，尺寸可以用PxCook进行量

2.就是图片的尺寸问题，这里量出的尺寸都是730*336的，然而去哪找这些刚好合适的图片，就显得很棘手了。在这里，我建议可以先找好素材，然后比例要差不多（不然裁出来会很难看），然后通过Photoshop进行裁剪。具体步骤也给大家列出来吧：

我这里是PS2015，首先先找到一张尺寸和自己预想的差不多的图片，然后

在图像选择栏中选择画布大小这个选项，就会出现以下的框框：

这里宽高就调成自己想要的宽高就行，然后剪裁是根据定位来剪裁，现在的定位是靠中间剪裁。然后将所有图片剪裁完成之后就可以继续了。

3.网易云轮播图的实现思路，我是根据这个教学视频来实现的，请参考具体链接。