<div class="slider-promo" >
<div class="lst-trigger grid-s5m0" >
<div class="lst-trigger col-sub" >
html5轮播图代码效果图<div class="J_TWidget" data-widget-config="{'effect':'scrollx','autoplay':'ture','activeTriggerCls': 'current','prevBtnCls':'prev','nextBtnCls':'next'}" data-widget-type="Carousel" >
<div class="J_TWidget" data-widget-config="{'trigger':'.first-trigger2','align':{'node':'.first-trigger2','offset':[0,0],'points':['cc','cc']}}" data-widget-type="Popup" >
<div class="prev" title="上一屏">
<img data-ks-lazyload="img04.taobaocdn/imgextra/i4/1578214660/T2HaexXmVbXXXXXXXX-1578214660.png" src="a.tbcdn/kissy/1.0.0/build/imglazyload/spaceball.gif" /></div>
<div class="next" title="下一屏">
<img data-ks-lazyload="img03.taobaocdn/imgextra/i3/1578214660/T2jjzkXedbXXXXXXXX-1578214660.png" src="img04.taobaocdn/imgextra/i4/1706324110/T2ckolXhhbXXXXXXXX_!!1706324110.jpg" /></div>
</div>
<div class="first-trigger2" >
<div class="ks-switchable-content" >
<div>
<a data-attr-replace="[{'type':'href','desc':'轮播图片O1 宝贝页面地址，注意不是图片地址'}]" href="all" target="_blank"><img alt="" data-attr-replace="[{'type':'data-ks-lazyload','desc':'轮播图片01的图片地址，尺寸为1920x500px'}]" data-ks-lazyload="img04.taobaocdn/imgextra/i4/1706324110/T2ckolXhhbXXXXXXXX_!!1706324110.jpg" src="img04.taobaocdn/imgextra/i4/1706324110/T2ckolXhhbXXXXXXXX_!!1706324110.jpg" /></a></div>
<div>
<a data-attr-replace="[{'type':'href','desc':'轮播图片O2 宝贝页面地址，注意不是图片地址'}]" href="all" target="_blank"><img alt="" data-attr-replace="[{'type':'data-ks-lazyload','desc':'轮播图片02的图片地址，尺寸为1920x500px'}]" data-ks-lazyload="img04.taobaocdn/imgextra/i4/1706324110/T2ckolXhhbXXXXXXXX_!!1706324110.jpg" src="img04.taobaocdn/imgextra/i4/1706324110/T2ckolXhhbXXXXXXXX_!!1706324110.jpg" /></a></div>
<div>
<a data-attr-replace="[{'type':'href','desc':'轮播图片O3 宝贝页面地址，注意不是图片地址'}]" href="all" target="_blank"><img alt="" data-attr-replace="[{'type':'data-ks-lazyload','desc':'轮播图片03的图片地址，尺寸为1920x500px'}]" data-ks-lazyload="img04.taobaocdn/imgextra/i4/1706324110/T2ckolXhhbXXXXXXXX_!!1706324110.jpg" src="img04.taobaocdn/imgextra/i4/1706324110/T2c
kolXhhbXXXXXXXX_!!1706324110.jpg" /></a></div>
<div>
<a data-attr-replace="[{'type':'href','desc':'轮播图片O4 宝贝页面地址，注意不是图片地址'}]" href="all" target="_blank"><img alt="" data-attr-replace="[{'type':'data-ks-lazyload','desc':'轮播图片04的图片地址，尺寸为1920x500px'}]" data-ks-lazyload="img04.taobaocdn/imgextra/i4/1706324110/T2ckolXhhbXXXXXXXX_!!1706324110.jpg" src="img04.taobaocdn/imgextra/i4/1706324110/T2ckolXhhbXXXXXXXX_!!1706324110.jpg" /></a></div>
</div>
</div>
</div>
</div>
</div>
</div>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。