返回列表

作者:巨人电商

放大镜功能淘宝装修模板代码

POST TIME:2020-10-24

  淘宝装修中,一定会用到很多特效代码,今天为大家提供了一款带放大镜功能的模板代码,看看效果,很不错吧。在安装的时候,只要将“src”后面的图片地址,换成你的图片空间中的图片地址就可以了。 

  第一步,点击编辑,然后点<>,进入代码编辑模式  

  第二步,点击ctrl+F,搜索所有的“src”,,可以看到代码中所有的src后面的图片地址。  

  如图所示,我们找到前两个src,,,,第一个代表第一张图片的小图,大小是217*217,第二个是第一张图片的大图,也就是放大后的效果图片,大小是310*310,这样我们就可以根据图片大小进行图片地址的替换了。

  第三步,将自己所要展示的第一张图片,做成两个尺寸,一个是217*217,另一个是310*310,,然后上传到图片空间,就有了图片地址。  

  第四步骤,复制217*217大小的图片地址,然后返回到代码编辑模式下,替换掉第一个图片地址,同理将310大小的图片地址替换掉代码中的第二个地址。 

  然后保存,可以预览下看下前台效果。 

  同样的道理,可以将第三、四个src 的图片地址换成第二张图片的大小图地址。

  第五步,为图片加上链接。返回代码编辑模式,找到第一张图片的大图的地址,也就是第二个src,如图5所示