当前位置：文档库 › 淘宝设置全屏轮播图片代码

淘宝设置全屏轮播图片代码

data-widget-config="{'effect': 'fade', 'circular': true ,'navCls':'toseise','activeTriggerCls':'odslos','contentCls':'piaofu'}">

style="Z-INDEX: 0; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; TOP: 0px; PADDING-TOP: 0px; LEFT: -485px"
class=J_TWidget data-widget-type="Carousel"
data-widget-config="{
'contentCls': 'slide-kun1362899830209content',
'triggerCls': 'slide-kun1362899830209triggers',
'navCls': 'slide-kun1362899830209triggers',
'triggerType': 'mouse',
'effect': 'scrollx',
'prevBtnCls':'prev',
'nextBtnCls':'next',
'steps': 1,
'autoplay': true,
'viewSize':[1920],
'circular': true
}">

style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 600px; OVERFLOW: hidden; PADDING-TOP: 0px"
class=first-trigger2>

style="PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 600px; PADDING-TOP: 0px">style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"
href="链接网站地址" target=_blank>src="大图链接地址" width=1920
height=600>

style="PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 600px; PADDING-TOP: 0px">style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"
href="链接网站地址" target=_blank>src="大图链接地址" width=1920
height=600>

style="PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 600px; PADDING-TOP: 0px">style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"
href="链接网站地址" target=_blank>src="大图链接地址" width=1920
height=600>

这是全代码开头的一段 'effect': 'scrollx',这一

段最后的红色背景部分的，scrollx是可以改动的。
fade是渐隐式的轮播，改成scrollx就是水平滚动的轮播，改成scrolly就是垂直滚动的轮播。
其中这段代码中的height是高度，可以改动的，那高度的数据是根据你做的海报的高度而定的。