当前位置:首页 » 全屏轮播代码 » 正文

基础版全屏轮播代码1920X590基础版缩略图全屏轮播代码模板

2108 人参与  2018年03月22日 08:22  分类 : 全屏轮播代码  评论

基础版全屏轮播代码1920X590基础版缩略图全屏轮播模板,保证可以用喔!

以下是效果图:

QQ截图20180201090241.jpg

代码使用方法:复制以下代码,然后把代码放进750自定义里面就好了,然后替换成自己图片空间地址,和宝贝连接,怎么替换我就不多说了,自己找一下 img  href.


右侧代码 

<div style="height:480px"></div>

左侧代码

<div style="position:static;height:490px;" class="slider-promo">
<div style="width:1920px;height:500px;top:150px;left:50%;" class="lst-trigger grid-s5m0">
<div style="width:100%;height:100%;top:0px;left:50%;" class="lst-trigger col-sub">
<div style="width:1920px;height:500px;overflow:hidden;" class="J_TWidget" data-widget-config="{'effect':'scrollx','autoplay':'ture','activeTriggerCls': 'current','prevBtnCls':'prev','nextBtnCls':'next','navCls':'lst-trigger'}" data-widget-type="Carousel">
<div style="display:none;" class="J_TWidget" data-widget-config="{'trigger':'.first-trigger2','align':{'node':'.first-trigger2','offset':[0,-10],'points':['bc','bc']}}" data-widget-type="Popup">
<div style="float:left;cursor:pointer;" class="prev" title="上一屏"><img  src="http://a.tbcdn.cn/kissy/1.0.0/build/imglazyload/spaceball.gif" data-ks-lazyload="http://img04.taobaocdn.com/imgextra/i4/1578214660/T2HuHmXddaXXXXXXXX-1578214660.gif"></div>
<div style="margin-left:250px;cursor:pointer;" class="next" title="下一屏"><img  src="http://a.tbcdn.cn/kissy/1.0.0/build/imglazyload/spaceball.gif" data-ks-lazyload="http://img02.taobaocdn.com/imgextra/i2/1578214660/T2r6fnXXNXXXXXXXXX-1578214660.gif"> </div></div>
<div style="width:1920px;height:500px;" class="first-trigger2">
<div style="width:1920px;float:left;height:500px;" class="ks-switchable-content">
<div><a href="http://lveshizhe.tmall.com" target="_blank" data-attr-replace="[{'type':'href','desc':'轮播图片O1 宝贝页面地址,注意不是图片地址'}]"><img  style="width:1920px;height:500px;" alt="" src="http://a.tbcdn.cn/kissy/1.0.0/build/imglazyload/spaceball.gif" data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/1578214660/T2LhvnXblXXXXXXXXX-1578214660.png" data-attr-replace="[{'type':'data-ks-lazyload','desc':'轮播图片01的图片地址,尺寸为1920x500px'}]"></a></div>
<div><a href="http://lveshizhe.tmall.com" target="_blank" data-attr-replace="[{'type':'href','desc':'轮播图片O2 宝贝页面地址,注意不是图片地址'}]"><img  style="width:1920px;height:500px;" alt="" src="http://a.tbcdn.cn/kissy/1.0.0/build/imglazyload/spaceball.gif" data-ks-lazyload="http://img02.taobaocdn.com/imgextra/i2/1578214660/T2S_YmXg0XXXXXXXXX-1578214660.png" data-attr-replace="[{'type':'data-ks-lazyload','desc':'轮播图片02的图片地址,尺寸为1920x500px'}]"></a></div>
<div><a href="http://lveshizhe.tmall.com" target="_blank" data-attr-replace="[{'type':'href','desc':'轮播图片O3 宝贝页面地址,注意不是图片地址'}]"><img  style="width:1920px;height:500px;" alt="" src="http://a.tbcdn.cn/kissy/1.0.0/build/imglazyload/spaceball.gif" data-ks-lazyload="http://img02.taobaocdn.com/imgextra/i2/1578214660/T2gbrnXiBXXXXXXXXX-1578214660.png" data-attr-replace="[{'type':'data-ks-lazyload','desc':'轮播图片03的图片地址,尺寸为1920x500px'}]"></a></div>
<div><a href="http://lveshizhe.tmall.com" target="_blank" data-attr-replace="[{'type':'href','desc':'轮播图片O4 宝贝页面地址,注意不是图片地址'}]"><img  style="width:1920px;height:500px;" alt="" src="http://a.tbcdn.cn/kissy/1.0.0/build/imglazyload/spaceball.gif" data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/1578214660/T2Pi6nXXdXXXXXXXXX-1578214660.png" data-attr-replace="[{'type':'data-ks-lazyload','desc':'轮播图片04的图片地址,尺寸为1920x500px'}]"></a></div></div>
<ul style="z-index:10000;width:101px;bottom:22px;left:910px;" class="lst-trigger">
<li class="current">1</li><li>2</li><li>3</li><li>4</li></ul></div></div></div></div></div>

来源:飞蚂蚁模板网(QQ号:254206549),转载请保留出处和链接!

本文链接:http://www.feimayi.net/qtdm/1027.html

加入【淘宝店铺装修】QQ群:474687967(加群验证:飞蚂蚁模板网)

淘宝天猫内部优惠券九元九特卖网一般人,我不告诉他喔!

<< 上一篇 下一篇 >>
飞蚂蚁特卖网

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

淘宝店铺装修教程 | 淘宝装修 | 淘宝装修免费模板 | 淘宝装修素材 | 淘宝店铺装修 | 网站地图 | 留言板 | 广告合作 |

Copyright(c)2013-2016feimayi.net All Rights Reserved. 粤ICP备14055454号
淘宝店铺装修交流群群号:474687967