在网上可以找到很多淘宝的模板和代码,其中不乏你喜欢,可又有部分不喜欢的模板;有的部分像是轮播的模板,只显示一张图片给你插入图片和链接,后面的图片都没有显示,只能在代码中修改,因此很多不懂得这些模板的代码意思的人,都望而却步转换别的模板。
现在以下的方法就可以简单的教会大家,如何看懂模板的代码,自己混搭现成的代码。
注:本人只是教给大家方法,具体还是要靠大家,能够举一反三,自己灵活运用方法!
下方的就是这回演示的模板,这个海报轮播的模板,在编辑里面只显示一张图片,还有一个链接地址,更换图片也只能换一张,而且是先删除图片,在插入图片来更换的。如图
选择编辑,只有出现一个链接网址,点击下面(绿点)也无法查看第二张图片。
下方是这次模板,最先的代码。
百度不让我发代码,没办法,大家可以自己到网上鱼摆摆那去找,这个是在一个全套的模板中的轮播模板。
首先,我们先在编辑里面,删除掉又有的图片,如何增加在插入空间中的图片,选中图片——编辑就可以和平常的一样添加图片和网址了。
做好后在这里,我们还是看不了下一张的图片和网址,在这,我们就要进入代码里面,修改了。
点击<->转换成代码,在下方图片中,我们可以看到代码和最先的发生了变化。(上方原代码加粗,图片粉红背景,为变化的部分)
好了,由上方的变化,我们动动脑筋,仔细观察不难发现下方2处的代码,开头和结尾都是和第一处一样的,由此可以推断出,下方就是后面2张图片和网址存放地方了。
在这里,我们可以运用最简单的方法,直接删除掉后面2张图片的存放处,直接复制第一处。
下方图解:(蓝色背景为删除部分,上方则是复制部分)
复制后:(下图粉色背景部分为宝贝的网址,蓝色部分为图片的链接)
换好后整个模板,我们就算是做好了。
可能有些人觉得3张图片太少了,想要4张或者5张;既然你明白了这些代码的规律,想在添加图片,也是很简单的。
只要在图片的位置继续给它复制一个,这样就多了一张播放的图片,如图。(蓝色背景为新添加的图片)
复制好后,继续按照之前一样给它修改图片和网址就好了。
最后一步,我们给新增的图片继续添加,一个绿色的圆点。(蓝色背景为新增加的绿点)
只要完成以上步骤就算是完成了,如果你要5张图片,继续重复最后2张图片步骤,就可以了。