淘宝全屏轮播海报制作及代码-淘宝全屏的轮播代码是怎么做的？

原创：找图网 2023-06-10 21:30:59

请问淘宝的图片轮播代码是什么？

亲是下面这个一、带渐变效果的淘宝店铺促销轮播代码:<DIV class="slider-promo J_Slider J_TWidget tb-slide" style="HEIGHT: 400px" data-widget-config="{'effect':'fade','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide"> <ul class="lst-main tb-slide-list" style="HEIGHT: 400px"> <li><A target=_blank href="#"><img alt="" src="图片地址1"></A></li> <li><A target=_blank href="#"><img alt="" src="图片地址2"></A></li> <li><A target=_blank href="#"><img alt="" src="图片地址3"></A></li> <li><A target=_blank href="#"><img alt="" src="图片地址4"></A></li></ul> <ul class=lst-trigger> 二、淘宝促销轮播代码之渐变效果代码解释:HEIGHT: 400px 设置你的轮播模块高度,根据你的促销图片的尺寸来设置,此版本轮播是4张图片,且4张图片宽度、高度分别统一。本设置在代码中有两处。<A target=_blank href="#"> “#”代表你的促销商品的链接网址,共有4处。<img alt="" src="图片地址1"> “图片地址1”设置你促销图片的网络地址,也有4处。如果还不可以的话我给你我写的帖子看看

淘宝全屏的轮播代码是怎么做的？

<span><DIV class=J_TWidget data-widget-type="Tabs"

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

<DIV

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

}">

<DIV style="DISPLAY: none" class=J_TWidget data-widget-type="Popup"

data-widget-config="{'trigger':'.first-trigger2','align':{'node':'.first-trigger2','offset':[0,0],'points':['cc','cc']}}">

<DIV style="WIDTH: 90px; FLOAT: left; HEIGHT: 90px" class=prev><IMG

src="左点击"></DIV>

<DIV style="WIDTH: 90px; HEIGHT: 90px; MARGIN-LEFT: 950px" class=next><IMG

src="右点击"></DIV></DIV>

<DIV

style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 570px; OVERFLOW: hidden; PADDING-TOP: 0px"

class=first-trigger2>

<UL

style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 570px; PADDING-TOP: 0px"

class=slide-kun1362899830209content>

<LI

style="PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 570px; PADDING-TOP: 0px"><A