回首页
当前位置: 主页 > 图片处理 > 拍照技巧 >

开店新手教你免费制作轮播图

分享到:
时间:2011-12-26 23:29来源:未知 作者:admin 点击:

打算自己动手的淘友们,可以学习我们教大家的免费制作淘宝轮播图片,如何装修自己的网店是开网店遇到的第一个难题。淘宝的口号是“给每个人提供免费交易的平台”。费是免了,可是很多东西不花钱都达不到理想效果啊,比如装修,新手卖家不花钱去买模版是很难做出招人眼球的满意效果。买模版的几十块钱那也是钱啊,对新手卖家来说咱能节约一分是一分,能不花钱咱就尽量不花钱 。 

 

相信很多新手卖家未必是电脑高手,代码之类的更是不知道是什么东东,自己写代码那就更不用谈了,看到别人店里动感的巨幅轮播图飞来飞去的眼巴巴看着好是羡慕啊 ,我就是这样芸芸众生之中的一个。前几天刚学了一招自己如何制作轮播图。大家可以先到我的店里观察一下页面效果,觉得可以请接着往下看,不用客气直接拿过去自己用了哈 。学了有用的东西就要拿出来供大家分享嘛。

 

废话不多说,进入主题:

  1)复制以下代码到记事本中

<TABLE height=400 cellSpacing=0 cellPadding=0 width=750 border=0>
<TBODY>
<TR>
<TD width=750 background=http://img02.taobaocdn.com/bao/uploaded/i2/T1SmdVXipxXXartXjX.gif height=400 rowSpan=6>
<DIV class="slider-promo J_Slider J_TWidget" style="HEIGHT: 400px" data-widget-type="Slide" data-widget-config="{'effect':'fade','contentCls': &#13;&#13;'keaiju-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}">
<ul class=keaiju-main>

 

<li><A href="在这里插入你宝贝的链接" target=_blank><img alt="" src="在这里插入图片的地址" align=absMiddle></A>

 

 

 

</li>

 

</ul></DIV><br></TD></TR></TBODY></TABLE>

 

 

 

2)代码解释:

 

a)这段代码中有width=750 PX 、height=400PX 这些字样,这些数值是控制轮播图大小规格的数据。 

width = 750 px是表示图片为750像素的宽度;height=400PX 是表示图片为400像素高度。 

 

 

你可以改成你想要的宽度、高度。如果你想要做750px宽 x 300px高的图片轮播,你就把这一段代码里的400全部改成300。 

我用的750X400的,下面的图片举例中我都是用这个数值哦。

 


 

 

 

 

B)这一段代码是每张轮播图的图片地址和宝贝链接地址。复制这段代码粘贴一次就多一张轮播图。如果你想做5张的轮播效果那么你就复制这段代码再粘贴4次。记住是复制以后在原本的这段代码后面直接粘贴。不要粘贴错了位置哦。

 

 


 

 

3)插入图片地址

 

代码中蓝色标记的地方是人家点你的图片然后跳转进去的宝贝页面地址,而紫色标记的地方是在轮播图中要显示图片的地址。

 

 

 

 

<li><A href="在这里插入你宝贝的链接" target=_blank><img alt="" src="在这里插入图片的地址" align=absMiddle></A>

 

 

a)首先,把做好的图片先传到图片空间里去,图片尺寸要正确。这里建议用淘宝本身的图片空间。因为淘宝图片空间是本身的网站,点开链接的时候速度快,其它外来网站打开链接慢。

b)传好图片以后点这里复制这个图片的链接

 


 

 

c)把上面复制到的图片链接粘贴在紫色标记的区域 

d)进入淘宝后台,点击“出售中的宝贝”,看下面图,复制链接,然后粘贴在蓝色标记的区域。其实还有另外一个复制宝贝链接的方法就是进入店铺 à 点开需要链接的宝贝 -> 复制最顶上地址栏中的地址。但是这种方法很麻烦,因为每复制一个链接都要打开宝贝页面,很浪费时间。而从后台复制链接就不用点开页面了。

 


 

  4)现在正式开始进入装修程序编辑做轮播图

  a)进入店铺装修页面,然后把“自定义区”放置最顶。 

b)点编辑进入

 


 

 

 

c)点文本框顶上那一排按钮的最后一个,也就是“HTML源码”按钮,进入HTML源码编辑状态。

 

d)把记事本中做好的内容一字不落的粘贴到这里来,点保存,再点预览看一下效果。

 

 


 

 

 

 

 

 

e)最后一步就是发布了:预览效果OK了后就点发布了哦,如果没有点发布任你费了多少心费了多少神你从淘宝店铺首页上都看不到你的劳动成果的哦 。

 

 

f)这就是成品效果,轮播图上可以看到数量显示。

 


 

 

  懂代码的朋友还可以在此基础上做些不同的轮播,今天我就举例讲这一种,还有下面列举的4种不同轮播效果代码,但由于每个贴子有字数限制发不上来,大家可以找我索取哈。一定会免费给大家。大家可以把代码复制到记事本里,改下尺寸、图片地址、宝贝链接地址,然后复制到淘宝自定义模块里就行了。

 

1.数字渐变轮播代码:
2.数字上下轮播代码:

 

3.图片横排轮播代码:

4. 竖排的轮播代码

·新手想开女装、鞋子、化妆品网店可点此向双皇冠卖家咨询




    ------分隔线----------------------------


    推荐内容
    优秀装修模板