屏轮播在店铺装修的首屏位置一直没有被撼动。形形色色的首页,预览你会发现轮播的影子无处不在。不管是全屏,或者小尺寸,轮播在的位置是非常抢眼的也是非常重要的!今天给大家带来淘宝店铺装修之全屏轮播代码解析!
Part.1 轮播尺寸1920*?
显示器分辨率普遍在1920*1080p的当下。由于淘宝不支持全屏代码的自适应(淘宝天猫都屏蔽width:100%;);所以首页的宽度自然而然选择1920px的宽度!至于高度而言单屏1080px的高度。轮播高度的选择就根据个人喜好而定。主要考虑的一些因素:淘宝官方标题的115px高度 店招150px高度 不同浏览器的标签标题工具栏高度不统一。因此轮播高度建议:450px-700px。下面我们以650px高度举例!
Part.2 1920全屏轮播代码(淘宝店铺基础版)
轮播尺寸:1920px*650px | 轮播数量:3张。淘宝店铺基础版代码如下:
<div style="height:640px;">
<div class="footer-more-trigger mallNav-others sn-simple-logo" style="width:1920px;height:650px;border:0;padding:0;right:auto;z-index:1;top:auto;left:50%;">
<div class="footer-more-trigger mallNav-others sn-simple-logo" style="width:1920px;height:650px;border:0;padding:0;right:auto;z-index:1;top:auto;left:-1060px;">
<div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{'nextBtnCls':'next1','duration':1,'activeTriggerCls':'hidden','easing':'easeOutStrong','effect':'scrollx','interval':4,'navCls':'nav_pixel1','contentCls':'content_pixel2','prevBtnCl