今天有麻布岗信息网小编为大家分享以下内容：
淘宝图片轮播怎么做(淘宝的轮播图怎么做)普通的淘宝旺铺无论是标准版还是扶植版都可以打造出淘宝左侧图片轮播效果，最近一直在研究店铺装修方面的功能，由于本店是扶植版，功能限制较多，又不想买模版，想自己动手试试；
到处搜集资料，自己鬼混，算是小有成就；例如，支持版本创建只存在于标准版本之上的图像轮播功能。在此，我想贴出来，分享给和我一样还不知道的小卖家。不足之处，请大家多多指教。首先需要注意的是，左侧的轮播图片尺寸为190宽，高度不限，这样当你打开首页的时候，正好可以显示图片的全屏！最多可以获得5张旋转木马的图片~
第一步:首先进入店铺后台，点击店铺装修 ，进入装饰页面后，将其拉到页面底部，点击添加新模块，然后添加自定义内容区域，如图所示:
【提示:支持版本最多只能添加两个自定义模块；所以对于支持版的店铺就要充分利用这两个模块】第二步:将鼠标移动到新添加模块的右上角，点击编辑 。
第三步:如图，切换到源代码 状态，
第四步:复制并粘贴下面虚线中的代码。
-
ltDIV style = quot身高:315px quotclass = quotSlider-promo J _ Slider J _ TWidget t B- slide quot；data-widget-config = quot；{#39;效果 # 39；:#39;fade # 39， amp#13; amp#13;#39;内容 # 39: #39;lst-main # 39；, #39;navCls # 39: #39;第一触发器 # 39；, #39;activeTriggerCls # 39: #39;当前 # 39；} quot数据小部件类型= quot幻灯片 quot gt
ltul style = quot身高:315px quotclass = quotlst-main TB-slide-list quot； gt
lt;ligt;lt;A href=quot;产品页面网址quot; target=_blankgt;lt;img alt=quot;quot; src=quot;产品图片网址quot; width=750 height=315gt;lt;/Agt; lt李 gt ltA href = quot产品页面URL " target = _ blank gt ltimg alt = quot"src = quot图像URL " width = 750 height = 315 gt lt/A gt；
lt;ligt;lt;A href=quot;产品页面网址quot; target=_blankgt;lt;img alt=quot;quot; src=quot;产品图片网址quot; width=750 height=315gt;lt;/Agt; lt李 gt ltA href = quot产品页面URL " target = _ blank gt ltimg alt = quot"src = quot图像URL " width = 750 height = 315 gt lt/A gt；
lt;ligt;lt;A href=quot;产品页面网址quot; target=_blankgt;lt;img alt=quot;quot; src=quot;产品页面网址quot; width=750 height=315gt;lt;/Agt; lt李 gt ltA href = quot产品页面URL " target = _ blank gt ltimg alt = quot"src = quot产品页面URL " width = 750 height = 315 gt lt/A gt；
lt;ligt;lt;A href=quot;产品页面网址quot; target=_blankgt;lt;img alt=quot;quot; src=quot;产品页面网址quot; width=750 height=315gt;lt;/Agt; lt李 gt ltA href = quot产品页面URL " target = _ blank gt ltimg alt = quot"src = quot产品页面URL " width = 750 height = 315 gt lt/A gt；
lt;ligt;lt;A href=quot;产品页面网址quot; target=_blankgt;lt;img alt=quot;quot; src=quot;产品页面网址quot; width=750 height=315gt;lt;/Agt; lt李 gt ltA href = quot产品页面URL " target = _ blank gt ltimg alt = quot"src = quot产品页面URL " width = 750 height = 315 gt lt/A gt；
lt/李 gt lt/ul gt； ltul class=lst-triggergt。
lt李 gt1 lt/李 gt lt李 gt2 lt/李 gt lt李 gt3 lt/李 gt lt李 gt4 lt/李 gt lt李 gt5 lt/李 gt lt/ul gt； lt/div gt；
-
然后把商品页面网址 换成你要推广的商品链接，放商品图片网址 将其替换为指向相应旋转显示图片的链接。
Ps:关于如何上传图片和复制图片链接的补充说明；
先在卖家中心后台，点击图片空 ；
点击”。图像上传“- quot；添加图片”-勾选要上传的图片，然后点击下方的。选中”，就上传；然后找到对应的图片点击“链接”，如果弹出对话框，点击“允许访问”，复制成功后会有一个绿色的框提示你跳出。最后，粘贴是取代“图片网址”就行了。
第五步:产品页面的网址链接上相应的产品描述图后，点击“即可。保存”。然后“发布”一个图片轮播的显示模块就准备好了。
效果如下图所示:
麻布岗信息网(www.517338.com)综合在线信息,汇聚城市生活,美食,购物,旅游,房产,交通,家居,财经,教育,健康,娱乐,历史,汽车,生活消费门户网站
