网店模板各式各样,我们追求的就是要与众不同,还要大气高端,今天提供的特效代码就很高端大气的哦。鼠标点击一下,就可以展示背面图片,是不是很全面呢?
首先,我们将下载的代码黏贴到自定义区域,记住,一定是代码编辑模式下才行。
第二步,我们对模板上的图片进行替换。ctrl+F搜索,url ,可以看到有10条结果。
注意,排除掉第一条结果,从第二条开始,每个 url 后面的图片就是我们前台显示的鼠标点击之后的9张宝贝正面图片。
从第二条开始,每个url 相隔几行就会出现一个前台src ,sr后面的图片地址就是我们点击标所展示的宝贝的反面图片。我们教大家如何替换第一组图片,大家按照同样的方法将下面的几组替换就行。
第三步,因为图片的大小为310*460,所以我们根据尺寸制作第一组图片的正反面,然后上传到图片空间,获得图片空间地址。然后对第一组照片进行替换,千万比弄混了正面反面的位置。将
正面地址替换掉url后面的图片地址,将反面图片地址替换掉src后面的地址。
第四步,我们替换成自己图片空间的图片后,可以看看看效果。
>> 查看更多相似文章