简单几步，教你如何看懂淘宝模板代码

简单几步，教你如何看懂淘宝模板代码

在网上可以找到很多淘宝的模板和代码，其中不乏你喜欢，可又有部分不喜欢的模板；有的部分像是轮播的模板，只显示一张图片给你插入图片和链接，后面的图片都没有显示，只能在代码中修改，因此很多不懂得这些模板的代码意思的人，都望而却步转换别的模板。

现在以下的方法就可以简单的教会大家，如何看懂模板的代码，自己混搭现成的代码。

注：本人只是教给大家方法，具体还是要靠大家，能够举一反三，自己灵活运用方法！

下方的就是这回演示的模板，这个海报轮播的模板，在编辑里面只显示一张图片，还有一个链接地址，更换图片也只能换一张，而且是先删除图片，在插入图片来更换的。 如图

选择编辑，只有出现一个链接网址，点击下面（绿点）也无法查看第二张图片。

下方是这次模板，最先的代码。

百度不让我发代码，没办法，大家可以自己到网上鱼摆摆那去找，这个是在一个全套的模板中的轮播模板。

首先，我们先在编辑里面，删除掉又有的图片，如何增加在插入空间中的图片，选中图片——编辑就可以和平常的一样添加图片和网址了。

做好后在这里，我们还是看不了下一张的图片和网址，在这，我们就要进入代码里面，修改了。

点击<->转换成代码，在下方图片中，我们可以看到代码和最先的发生了变化。 （上方原代码加粗，图片粉红背景，为变化的部分）

好了，由上方的变化，我们动动脑筋，仔细观察不难发现下方2处的代码，开头和结尾都是和第一处一样的，由此可以推断出，下方就是后面2张图片和网址存放地方了。

在这里，我们可以运用最简单的方法，直接删除掉后面2张图片的存放处，直接复制第一处。

下方图解:(蓝色背景为删除部分，上方则是复制部分)

复制后：（下图粉色背景部分为宝贝的网址，蓝色部分为图片的链接）

换好后整个模板，我们就算是做好了。

可能有些人觉得3张图片太少了，想要4张或者5张；既然你明白了这些代码的规律，想在添加图片，也是很简单的。

只要在图片的位置继续给它复制一个，这样就多了一张播放的图片，如图。（蓝色背景为新添加的图片）

复制好后，继续按照之前一样给它修改图片和网址就好了。

最后一步，我们给新增的图片继续添加，一个绿色的圆点。(蓝色背景为新增加的绿点)

只要完成以上步骤就算是完成了，如果你要5张图片，继续重复最后2张图片步骤，就可以了。