店铺装修经验分享,如何制作图片轮播

发表于:2014-8-16 23:02:44 489

欢迎注册真刷社区,解锁全套干货资源!

您需要 登录 才可以下载或查看,没有账号?立即注册

x
新手开店 ,店铺装修是必须的,毕竟大家看到别人的店铺这么漂亮,自己又不想花钱,用着淘宝送的扶直版心里总不是滋味是吧。
小弟我也是最近刚开始开淘宝店的,装修个小店铺也花了不少功夫,现在勉强还算看得过去吧。最近刚跟别人学了如何免费制作图片轮播,觉得有必要和各位亲分享一下!
步骤:一,首先进入店铺装修页面,在左侧栏和右侧栏各添加一个自定义区。
二,编辑左自定义栏,先点击源代码按钮,然后复制粘帖以下代码:


然后保存。
三,编辑右自定义栏,同样点击源代码按钮,复制粘帖以下代码:








  • 1
  • 2
  • 3
  • 4


复制完毕之后把自己的图片存到图片空间,然后复制图片地址。然后把图片地址粘贴进去。然后把图片要展示的宝贝连接复制到连接处就可以了。

现在解释下以上代码的意思:
右侧自定义区:轮播及950通栏实现代码。RIGHT:200px 是指将图片整体左移200px,这样子950宽的图片正好铺满整个通栏。WIDTH:950px; HEIGHT: 450px 大家都懂得,是图片宽950,高450,高度亲们可以按照自己的需要设置哦。“链接地址”是宝贝的地址;“图片地址”可以从图片空间获得。如果亲们想要多设置一个轮播图片,可以复制代码添加。当然,如果亲只想要轮播效果不要大通栏,只要将WIDTH:950px(即图片宽度)修改为WIDTH:750px,并将RIGHT:200px;删除即可。因为图片左移,实现通栏但是会遮住左边的页面,解决办法就看下面。
左侧自定义区:
是设置一个空的高度为450的支架,注意左侧高度设置要与右侧的高度设置一样哦!这样就解决了上面的问题了。
这样做出的通栏效果是无缝的哦,真正和拓展版一样!

以上便是制作图片轮播的方法,大家如果有什么不懂的地方可以直接旺旺上呼叫我哈!
收藏
送赞
分享

发表回复

Copyright © 2011-2026 真刷社区
2011 年建站,专注电商自媒体干货分享。内容仅限个人学习,禁转载商用,内容由用户发布责任自负,侵权可举报下架。
劰载中...